|
| 1 | +<?xml version="1.0" encoding="UTF-8"?> |
| 2 | +<!-- |
| 3 | + /** |
| 4 | + * Copyright © Magento, Inc. All rights reserved. |
| 5 | + * See COPYING.txt for license details. |
| 6 | + */ |
| 7 | +--> |
| 8 | + |
| 9 | +<tests xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" |
| 10 | + xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/testSchema.xsd"> |
| 11 | + <test name="StorefrontProductWithMediaThumbGallerySliderTest"> |
| 12 | + <annotations> |
| 13 | + <features value="Catalog"/> |
| 14 | + <stories value="Storefront Gallery behaviour for Product with media"/> |
| 15 | + <title value="Assert media behaviour for product with different media on storefront"/> |
| 16 | + <description value="Assert media behaviour for product with different media on storefront"/> |
| 17 | + <severity value="CRITICAL"/> |
| 18 | + <testCaseId value="AC-2076"/> |
| 19 | + <group value="catalog"/> |
| 20 | + </annotations> |
| 21 | + <before> |
| 22 | + <createData entity="SimpleProduct2" stepKey="createProduct"/> |
| 23 | + <actionGroup ref="AdminLoginActionGroup" stepKey="loginAsAdmin"/> |
| 24 | + </before> |
| 25 | + <after> |
| 26 | + <deleteData createDataKey="createProduct" stepKey="deleteProduct"/> |
| 27 | + <actionGroup ref="AdminLogoutActionGroup" stepKey="logoutFromAdmin"/> |
| 28 | + </after> |
| 29 | + <!--Add images to product--> |
| 30 | + <actionGroup ref="AdminProductPageOpenByIdActionGroup" stepKey="openAdminProductEditPage"> |
| 31 | + <argument name="productId" value="$createProduct.id$"/> |
| 32 | + </actionGroup> |
| 33 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addBaseImage"> |
| 34 | + <argument name="image" value="TestImageAdobe"/> |
| 35 | + </actionGroup> |
| 36 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage1"> |
| 37 | + <argument name="image" value="AdobeSmallImage"/> |
| 38 | + </actionGroup> |
| 39 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage2"> |
| 40 | + <argument name="image" value="AdobeThumbImage"/> |
| 41 | + </actionGroup> |
| 42 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage3"> |
| 43 | + <argument name="image" value="JpgImage"/> |
| 44 | + </actionGroup> |
| 45 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage4"> |
| 46 | + <argument name="image" value="Magento2"/> |
| 47 | + </actionGroup> |
| 48 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage5"> |
| 49 | + <argument name="image" value="JpgImage"/> |
| 50 | + </actionGroup> |
| 51 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage6"> |
| 52 | + <argument name="image" value="LargeImage"/> |
| 53 | + </actionGroup> |
| 54 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage7"> |
| 55 | + <argument name="image" value="Magento2"/> |
| 56 | + </actionGroup> |
| 57 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage8"> |
| 58 | + <argument name="image" value="MagentoImage"/> |
| 59 | + </actionGroup> |
| 60 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage9"> |
| 61 | + <argument name="image" value="Magento3"/> |
| 62 | + </actionGroup> |
| 63 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage10"> |
| 64 | + <argument name="image" value="TestImageNew"/> |
| 65 | + </actionGroup> |
| 66 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage11"> |
| 67 | + <argument name="image" value="ProductImage"/> |
| 68 | + </actionGroup> |
| 69 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage12"> |
| 70 | + <argument name="image" value="MediumImage"/> |
| 71 | + </actionGroup> |
| 72 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage13"> |
| 73 | + <argument name="image" value="MediumImage"/> |
| 74 | + </actionGroup> |
| 75 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage14"> |
| 76 | + <argument name="image" value="PngImage"/> |
| 77 | + </actionGroup> |
| 78 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage15"> |
| 79 | + <argument name="image" value="Magento2"/> |
| 80 | + </actionGroup> |
| 81 | + <actionGroup ref="AddProductImageActionGroup" stepKey="addImage16"> |
| 82 | + <argument name="image" value="Magento3"/> |
| 83 | + </actionGroup> |
| 84 | + <actionGroup ref="SaveProductFormActionGroup" stepKey="saveProductForm"/> |
| 85 | + <actionGroup ref="StorefrontOpenProductPageActionGroup" stepKey="goToStorefrontProductPage"> |
| 86 | + <argument name="productUrl" value="$createProduct.custom_attributes[url_key]$"/> |
| 87 | + </actionGroup> |
| 88 | + <!--Assert positioning images in the ribbon--> |
| 89 | + <waitForElementVisible selector="{{StorefrontProductMediaSection.fotoramaAnyMedia}}" stepKey="waitForThumbnailsAppear"/> |
| 90 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition1"> |
| 91 | + <argument name="image" value="{{TestImageAdobe.filename}}"/> |
| 92 | + <argument name="extension" value="{{TestImageAdobe.file_extension}}"/> |
| 93 | + <argument name="position" value="1"/> |
| 94 | + </actionGroup> |
| 95 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition2"> |
| 96 | + <argument name="image" value="{{AdobeSmallImage.filename}}"/> |
| 97 | + <argument name="extension" value="{{AdobeSmallImage.file_extension}}"/> |
| 98 | + <argument name="position" value="2"/> |
| 99 | + </actionGroup> |
| 100 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition3"> |
| 101 | + <argument name="image" value="{{AdobeThumbImage.filename}}"/> |
| 102 | + <argument name="extension" value="{{AdobeThumbImage.file_extension}}"/> |
| 103 | + <argument name="position" value="3"/> |
| 104 | + </actionGroup> |
| 105 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition4"> |
| 106 | + <argument name="image" value="{{JpgImage.filename}}"/> |
| 107 | + <argument name="extension" value="{{JpgImage.file_extension}}"/> |
| 108 | + <argument name="position" value="4"/> |
| 109 | + </actionGroup> |
| 110 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition5"> |
| 111 | + <argument name="image" value="{{Magento2.filename}}"/> |
| 112 | + <argument name="extension" value="{{Magento2.file_extension}}"/> |
| 113 | + <argument name="position" value="5"/> |
| 114 | + </actionGroup> |
| 115 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition6"> |
| 116 | + <argument name="image" value="{{JpgImage.filename}}"/> |
| 117 | + <argument name="extension" value="{{JpgImage.file_extension}}"/> |
| 118 | + <argument name="position" value="6"/> |
| 119 | + </actionGroup> |
| 120 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition7"> |
| 121 | + <argument name="image" value="{{LargeImage.filename}}"/> |
| 122 | + <argument name="extension" value="{{LargeImage.file_extension}}"/> |
| 123 | + <argument name="position" value="7"/> |
| 124 | + </actionGroup> |
| 125 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition8"> |
| 126 | + <argument name="image" value="{{Magento2.filename}}"/> |
| 127 | + <argument name="extension" value="{{Magento2.file_extension}}"/> |
| 128 | + <argument name="position" value="8"/> |
| 129 | + </actionGroup> |
| 130 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition9"> |
| 131 | + <argument name="image" value="{{MagentoImage.filename}}"/> |
| 132 | + <argument name="extension" value="{{MagentoImage.file_extension}}"/> |
| 133 | + <argument name="position" value="9"/> |
| 134 | + </actionGroup> |
| 135 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition10"> |
| 136 | + <argument name="image" value="{{Magento3.filename}}"/> |
| 137 | + <argument name="extension" value="{{Magento3.file_extension}}"/> |
| 138 | + <argument name="position" value="10"/> |
| 139 | + </actionGroup> |
| 140 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition11"> |
| 141 | + <argument name="image" value="{{TestImageNew.filename}}"/> |
| 142 | + <argument name="extension" value="{{TestImageNew.file_extension}}"/> |
| 143 | + <argument name="position" value="11"/> |
| 144 | + </actionGroup> |
| 145 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition12"> |
| 146 | + <argument name="image" value="{{ProductImage.filename}}"/> |
| 147 | + <argument name="extension" value="{{ProductImage.file_extension}}"/> |
| 148 | + <argument name="position" value="12"/> |
| 149 | + </actionGroup> |
| 150 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition13"> |
| 151 | + <argument name="image" value="{{MediumImage.filename}}"/> |
| 152 | + <argument name="extension" value="{{MediumImage.file_extension}}"/> |
| 153 | + <argument name="position" value="13"/> |
| 154 | + </actionGroup> |
| 155 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition14"> |
| 156 | + <argument name="image" value="{{MediumImage.filename}}"/> |
| 157 | + <argument name="extension" value="{{MediumImage.file_extension}}"/> |
| 158 | + <argument name="position" value="14"/> |
| 159 | + </actionGroup> |
| 160 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition15"> |
| 161 | + <argument name="image" value="{{PngImage.filename}}"/> |
| 162 | + <argument name="extension" value="{{PngImage.file_extension}}"/> |
| 163 | + <argument name="position" value="15"/> |
| 164 | + </actionGroup> |
| 165 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition16"> |
| 166 | + <argument name="image" value="{{Magento2.filename}}"/> |
| 167 | + <argument name="extension" value="{{Magento2.file_extension}}"/> |
| 168 | + <argument name="position" value="16"/> |
| 169 | + </actionGroup> |
| 170 | + <actionGroup ref="AssertStorefrontProductPageGalleryImagePositionInThumbnailRibbonActionGroup" stepKey="assertImagePosition17"> |
| 171 | + <argument name="image" value="{{Magento3.filename}}"/> |
| 172 | + <argument name="extension" value="{{Magento3.file_extension}}"/> |
| 173 | + <argument name="position" value="17"/> |
| 174 | + </actionGroup> |
| 175 | + <!--Assert fullscreen image isn't displayed--> |
| 176 | + <actionGroup ref="StorefrontAssertActiveProductImageActionGroup" stepKey="seeActiveBaseImage"> |
| 177 | + <argument name="fileName" value="{{TestImageAdobe.filename}}"/> |
| 178 | + </actionGroup> |
| 179 | + <dontSeeElement selector="{{StorefrontProductMediaSection.mainImageForJsActionsFullscreen}}" stepKey="dontSeeFullscreenProductImage"/> |
| 180 | + <!--Verify if looping is unavailable--> |
| 181 | + <dontSeeElement selector="{{StorefrontProductMediaSection.fotoramaPrevButton}}" stepKey="dontSeePrevButton"/> |
| 182 | + <seeElement selector="{{StorefrontProductMediaSection.fotoramaNextButton}}" stepKey="seeNextButton"/> |
| 183 | + <click selector="{{StorefrontProductMediaSection.fotoramaNextButton}}" stepKey="firstClickNextFotorama"/> |
| 184 | + <seeElement selector="{{StorefrontProductMediaSection.productImageInFotorama(MagentoImage.filename)}}" stepKey="see9thImageInRibbon"/> |
| 185 | + <click selector="{{StorefrontProductMediaSection.fotoramaNextButton}}" stepKey="secondClickNextFotorama"/> |
| 186 | + <seeElement selector="{{StorefrontProductMediaSection.productImageInFotorama(MagentoImage.filename)}}" stepKey="seeLastImageInRibbon"/> |
| 187 | + <seeElement selector="{{StorefrontProductMediaSection.productImage(TestImageAdobe.filename)}}" stepKey="seeActiveImageDontChangeAfterClickNext"/> |
| 188 | + <dontSeeElement selector="{{StorefrontProductMediaSection.fotoramaNextButton}}" stepKey="dontSeeNextButtonAfterClickNext"/> |
| 189 | + <click selector="{{StorefrontProductMediaSection.fotoramaPrevButton}}" stepKey="firstClickPrevFotorama"/> |
| 190 | + <click selector="{{StorefrontProductMediaSection.fotoramaPrevButton}}" stepKey="secondClickPrevFotorama"/> |
| 191 | + <seeElement selector="{{StorefrontProductMediaSection.productImage(TestImageAdobe.filename)}}" stepKey="seeActiveImageDefaultStay2"/> |
| 192 | + <seeElement selector="{{StorefrontProductMediaSection.productImageInFotorama(TestImageAdobe.filename)}}" stepKey="seeFirstImageInRibbon"/> |
| 193 | + <dontSeeElement selector="{{StorefrontProductMediaSection.fotoramaPrevButton}}" stepKey="dontSeePrevButtonAfterClick"/> |
| 194 | + <!--Change image by thumbnail ribbon--> |
| 195 | + <actionGroup ref="AssertStorefrontProductPageGalleryChangingMainImageByRibbonActionGroup" stepKey="assertThumbnailClicking"> |
| 196 | + <argument name="startImage" value="{{TestImageAdobe.filename}}"/> |
| 197 | + <argument name="expectedImage" value="{{AdobeSmallImage.filename}}"/> |
| 198 | + </actionGroup> |
| 199 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageOnPreview"> |
| 200 | + <argument name="productImage" value="{{TestImageAdobe.filename}}"/> |
| 201 | + </actionGroup> |
| 202 | + <!--Change image by image buttons--> |
| 203 | + <actionGroup ref="AssertStorefrontProductPageGalleryMainImageButtonsActionGroup" stepKey="assertButtonActions"> |
| 204 | + <argument name="startImage" value="{{TestImageAdobe.filename}}"/> |
| 205 | + <argument name="expectedImage" value="{{AdobeSmallImage.filename}}"/> |
| 206 | + </actionGroup> |
| 207 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterButtonActions"> |
| 208 | + <argument name="productImage" value="{{TestImageAdobe.filename}}"/> |
| 209 | + </actionGroup> |
| 210 | + <!--Check that images <= that image section--> |
| 211 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions0"/> |
| 212 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert0"/> |
| 213 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions1"/> |
| 214 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert1"/> |
| 215 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions2"/> |
| 216 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert2"/> |
| 217 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions3"/> |
| 218 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert3"/> |
| 219 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions4"/> |
| 220 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert4"/> |
| 221 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions5"/> |
| 222 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert5"/> |
| 223 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions6"/> |
| 224 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert6"/> |
| 225 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions7"/> |
| 226 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert7"/> |
| 227 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions8"/> |
| 228 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert8"/> |
| 229 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions9"/> |
| 230 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert9"/> |
| 231 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions10"/> |
| 232 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert10"/> |
| 233 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions11"/> |
| 234 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert11"/> |
| 235 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions12"/> |
| 236 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert12"/> |
| 237 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions13"/> |
| 238 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert13"/> |
| 239 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions14"/> |
| 240 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert14"/> |
| 241 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions15"/> |
| 242 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert15"/> |
| 243 | + <actionGroup ref="AssertStorefrontProductPageGalleryImageDimensionsActionGroup" stepKey="assertImageDimensions16"/> |
| 244 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="clickOnNextImageButtonDimensionsAssert16"/> |
| 245 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterLoop"> |
| 246 | + <argument name="productImage" value="{{TestImageAdobe.filename}}"/> |
| 247 | + </actionGroup> |
| 248 | + <!--Change image using the drag actions--> |
| 249 | + <actionGroup ref="StorefrontProductPageGalleryDragMainImageBackActionGroup" stepKey="dragBack"/> |
| 250 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterDragBack"> |
| 251 | + <argument name="productImage" value="{{Magento3.filename}}"/> |
| 252 | + </actionGroup> |
| 253 | + <actionGroup ref="StorefrontProductPageGalleryDragMainImageForwardActionGroup" stepKey="dragForward"/> |
| 254 | + <moveMouseOver selector="{{StorefrontProductMediaSection.mainImageForJsActions}}" stepKey="hoverOnImageAfterDragActions"/> |
| 255 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterDragForward"> |
| 256 | + <argument name="productImage" value="{{TestImageAdobe.filename}}"/> |
| 257 | + </actionGroup> |
| 258 | + <!--Assert the image looping by image buttons--> |
| 259 | + <click selector="{{StorefrontProductMediaSection.imagePrevButton}}" stepKey="loopBack"/> |
| 260 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterLoopBack"> |
| 261 | + <argument name="productImage" value="{{Magento3.filename}}"/> |
| 262 | + </actionGroup> |
| 263 | + <click selector="{{StorefrontProductMediaSection.imageNextButton}}" stepKey="loopForward"/> |
| 264 | + <actionGroup ref="AssertStorefrontProductImageAppearsOnProductPagePreviewActionGroup" stepKey="seeImageAfterLoopForward"> |
| 265 | + <argument name="productImage" value="{{TestImageAdobe.filename}}"/> |
| 266 | + </actionGroup> |
| 267 | + </test> |
| 268 | +</tests> |
0 commit comments