ACQE-8941::[MTFT Test] StorefrontConfigurableOptionsThumbImagesTest

- Adding load time for product data on option selection

Author: glo05363

app/code/Magento/Catalog/Test/Mftf/ActionGroup/StorefrontAssertFotoramaImageAvailabilityActionGroup.xml

@@ -12,6 +12,7 @@
         <arguments>
             <argument name="fileName" type="string" defaultValue="magento-logo"/>
         </arguments>
-        <seeElement selector="{{StorefrontProductMediaSection.productImageInFotorama(fileName)}}" stepKey="seeActiveImageDefault"/>
+        <waitForElementVisible selector="{{StorefrontProductMediaSection.productImageInFotorama(fileName)}}" stepKey="waitForImageInFotorama"/>
+        <seeElement selector="{{StorefrontProductMediaSection.productImageInFotorama(fileName)}}" stepKey="seeImageInFotorama"/>
     </actionGroup>
 </actionGroups>

app/code/Magento/Catalog/Test/Mftf/Test/StorefrontConfigurableOptionsThumbImagesTest.xml

@@ -107,7 +107,7 @@
             </actionGroup>
             <!-- Add images for ChildProduct1 -->
             <actionGroup ref="AddProductImageActionGroup" stepKey="addChildProduct1ProductImage">
-                <argument name="image" value="TestImageNew"/>
+                <argument name="image" value="ProductImage"/>
             </actionGroup>
             <actionGroup ref="AddProductImageActionGroup" stepKey="addChildProduct1Magento2">
                 <argument name="image" value="Magento2"/>
@@ -127,8 +127,8 @@
                 <argument name="storeViewName" value="'Default Store View'"/>
             </actionGroup>
             <!-- Add image for ChildProduct2 -->
-            <actionGroup ref="AddProductImageActionGroup" stepKey="addChildProduct2TestImageNew">
-                <argument name="image" value="TestImageNew"/>
+            <actionGroup ref="AddProductImageActionGroup" stepKey="addChildProduct2ProductImage">
+                <argument name="image" value="ProductImage"/>
             </actionGroup>
             <!-- Save changes fot ChildProduct2 -->
             <actionGroup ref="SaveProductFormActionGroup" stepKey="saveChildProduct2Product"/>
@@ -161,16 +161,18 @@
             <argument name="attributeLabel" value="$$createConfigProductAttribute.default_frontend_label$$"/>
             <argument name="optionLabel" value="$$getConfigAttributeOption1.label$$"/>
         </actionGroup>
+        <waitForAjaxLoad stepKey="waitForAjaxLoadForOption1"/>
+        <waitForElementNotVisible selector="{{StorefrontProductMediaSection.gallerySpinner}}" stepKey="waitForGallerySpinnerDisappearForOption1"/>
         <!-- Check fotorama thumbnail images (first option selected) -->
+        <actionGroup ref="StorefrontAssertFotoramaImageAvailabilityActionGroup" stepKey="seeProductImageForFirstOption">
+            <argument name="fileName" value="{{ProductImage.filename}}"/>
+        </actionGroup>
         <actionGroup ref="StorefrontAssertFotoramaImageAvailabilityActionGroup" stepKey="seeMagento3ForFirstOption">
             <argument name="fileName" value="{{Magento3.filename}}"/>
         </actionGroup>
         <actionGroup ref="StorefrontAssertFotoramaImageAvailabilityActionGroup" stepKey="seeTestImageAdobeForFirstOption">
             <argument name="fileName" value="{{TestImageAdobe.filename}}"/>
         </actionGroup>
-        <actionGroup ref="StorefrontAssertFotoramaImageAvailabilityActionGroup" stepKey="seeProductImageForFirstOption">
-            <argument name="fileName" value="{{TestImageNew.filename}}"/>
-        </actionGroup>
         <!-- Check active fotorama thumbnail image (first option selected) -->
         <actionGroup ref="StorefrontAssertActiveProductImageActionGroup" stepKey="seeActiveMagento2ForFirstOption">
             <argument name="fileName" value="{{Magento2.filename}}"/>
@@ -180,6 +182,8 @@
             <argument name="attributeLabel" value="$$createConfigProductAttribute.default_frontend_label$$"/>
             <argument name="optionLabel" value="$$getConfigAttributeOption2.label$$"/>
         </actionGroup>
+        <waitForAjaxLoad stepKey="waitForAjaxLoadForOption2"/>
+        <waitForElementNotVisible selector="{{StorefrontProductMediaSection.gallerySpinner}}" stepKey="waitForGallerySpinnerDisappearForOption2"/>
         <!-- Check fotorama thumbnail images (second option selected) -->
         <actionGroup ref="StorefrontAssertFotoramaImageAvailabilityActionGroup" stepKey="seeMagento3ForSecondOption">
             <argument name="fileName" value="{{Magento3.filename}}"/>
@@ -188,8 +192,8 @@
             <argument name="fileName" value="{{TestImageAdobe.filename}}"/>
         </actionGroup>
         <!-- Check active fotorama thumbnail image (second option selected) -->
-        <actionGroup ref="StorefrontAssertActiveProductImageActionGroup" stepKey="seeActiveTestImageNewForSecondOption">
-            <argument name="fileName" value="{{TestImageNew.filename}}"/>
+        <actionGroup ref="StorefrontAssertActiveProductImageActionGroup" stepKey="seeActiveProductImageForSecondOption">
+            <argument name="fileName" value="{{ProductImage.filename}}"/>
         </actionGroup>
     </test>
 </tests>