<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Basil" resource-id="color_text" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Eucalyptus" resource-id="color_text" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Sage" resource-id="color_text" ></p>
<p class="ImageView" content-desc="Selected" resource-id="checkmark" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Peacock" resource-id="color_text" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Cobalt" resource-id="color_text" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
<p class="TextView" text="Blueberry" resource-id="color_text" ></p>
<p class="ImageView" resource-id="color_icon" ></p>
Color Icon is seen
Basil Text is displayed
Color Icon is displayed
Eucalyptus Text is displayed
Color Icon is shown
Sage Text will be shown
Selected Checkmark Icon is visible
Color Icon will be shown
Peacock Text is seen
Color Icon is displayed
Cobalt Text is visible
Color Icon is displayed