Skip to content

Commit 50861fb

Browse files
eug123eug123
committed
PB-266: Video background for Slide
- Adding tests
1 parent 180471f commit 50861fb

File tree

4 files changed

+213
-6
lines changed

4 files changed

+213
-6
lines changed

‎app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/BackgroundConfigurationActionGroup.xml

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -314,9 +314,9 @@
314314
<argument name="index" defaultValue="1" type="string"/>
315315
</arguments>
316316
<waitForPageLoad stepKey="waitForPageLoad"/>
317-
<waitForElementVisible selector="{{section.backgroundType(index, 'video')}}" stepKey="waitForVideoBackground"/>
318-
<waitForElementVisible selector="{{section.videoBackgroundVideoElement(index)}}" stepKey="waitForVideo"/>
319-
<waitForElementVisible selector="{{section.videoBackgroundFallbackImage(index)}}" stepKey="waitForFallbackImageVisible"/>
317+
<waitForElement selector="{{section.backgroundType(index, 'video')}}" stepKey="waitForVideoBackground"/>
318+
<waitForElement selector="{{section.videoBackgroundVideoElement(index)}}" stepKey="waitForVideo"/>
319+
<waitForElement selector="{{section.videoBackgroundFallbackImage(index)}}" stepKey="waitForFallbackImageVisible"/>
320320
<grabAttributeFrom selector="{{section.videoBackgroundFallbackImageSource(index, fallbackImage.fileName)}}" userInput="src" stepKey="fallbackImageSource"/>
321321
<assertRegExp stepKey="assertFallbackImageValueContainsFileInformation">
322322
<expectedResult type="string">/.*\/(pub\/|\/)?media\/{{fallbackImage.path}}\/{{fallbackImage.fileName}}(_\d+)?\.{{fallbackImage.extension}}/</expectedResult>

‎app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderSliderSection.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595
<element name="backgroundRepeat" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-repeat: {{arg2}};')]" parameterized="true"/>
9696
<element name="backgroundAttachment" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-attachment: {{arg2}};')]" parameterized="true"/>
9797
<!-- Video Background -->
98-
<element name="videoBackgroundJarallaxContainer" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@id,'jarallax-container')]"/>
98+
<element name="videoBackgroundJarallaxContainer" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]"/>
9999
<element name="videoBackgroundVideoElement" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//iframe|(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//video"/>
100100
<element name="videoBackgroundVideoUrl" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//*[contains(@src,'{{videoURL}}')]"/>
101101
<element name="videoBackgroundOverlayElement" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[@data-element='video_overlay']"/>

‎app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderRowBackgroundAttributeTest.xml

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2093,6 +2093,9 @@
20932093
<argument name="index" value="4"/>
20942094
</actionGroup>
20952095
<!-- Validate Storefront -->
2096+
<actionGroup ref="NavigateToStorefrontForCreatedPageActionGroup" stepKey="navigateToStorefront">
2097+
<argument name="page" value="$$createCMSPage.identifier$$"/>
2098+
</actionGroup>
20962099
<wait time="5" stepKey="waitForVideoCompleteStorefront"/>
20972100
<actionGroup ref="validateVideoBackgroundFinishedPlayingBeforeViewing" stepKey="validateVideoFinishedPlayingStorefront">
20982101
<argument name="section" value="RowOnStorefront"/>

‎app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderSlideItemCommonTest.xml

Lines changed: 206 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2824,7 +2824,6 @@
28242824
<severity value="MAJOR"/>
28252825
<useCaseId value="PB-266"/>
28262826
<testCaseId value="MC-31704"/>
2827-
<group value="pb-dev"/>
28282827
<group value="pagebuilder"/>
28292828
<group value="pagebuilder-slide"/>
28302829
<group value="pagebuilder-slideItemCommon"/>
@@ -2913,11 +2912,216 @@
29132912
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_NonEmbedded"/>
29142913
<argument name="index" value="1"/>
29152914
</actionGroup>
2916-
<scrollTo selector="{{SlideOnFrontend.base('1')}}" stepKey="scrollRow4Storefront"/>
2915+
<scrollTo selector="{{SlideOnFrontend.base('1')}}" stepKey="scrollToSlideStorefront"/>
29172916
<actionGroup ref="validateVideoBackgroundPlaying" stepKey="validateVideoPlayingStorefront">
29182917
<argument name="section" value="SlideOnFrontend"/>
29192918
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_NonEmbedded"/>
29202919
<argument name="index" value="1"/>
29212920
</actionGroup>
29222921
</test>
2922+
<test name="SlideItemValidateVideoBackgroundPlayOnlyWhenVisibleDisabled">
2923+
<annotations>
2924+
<features value="PageBuilder"/>
2925+
<stories value="Slider"/>
2926+
<title value="Slide Item: Validate Video Background Play Only When Visible Disabled"/>
2927+
<description value="Verify that the video background play only when visible attribute works as intended when disabled."/>
2928+
<severity value="MAJOR"/>
2929+
<useCaseId value="PB-266"/>
2930+
<testCaseId value="MC-31719"/>
2931+
<group value="pagebuilder"/>
2932+
<group value="pagebuilder-slide"/>
2933+
<group value="pagebuilder-slideItemCommon"/>
2934+
<group value="pagebuilder-video-background"/>
2935+
</annotations>
2936+
<before>
2937+
<createData entity="_emptyCmsPage" stepKey="createCMSPage"/>
2938+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
2939+
<actionGroup ref="NavigateToCreatedCMSPageActionGroup" stepKey="navigateToCreatedCMSPage">
2940+
<argument name="CMSPage" value="$$createCMSPage$$"/>
2941+
</actionGroup>
2942+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/>
2943+
</before>
2944+
<after>
2945+
<deleteData createDataKey="createCMSPage" stepKey="deleteCMSPage"/>
2946+
<actionGroup ref="NavigateToMediaGalleryActionGroup" stepKey="navigateToMediaGallery"/>
2947+
<actionGroup ref="NavigateToMediaFolderActionGroup" stepKey="navigateToFallbackImageFolder">
2948+
<argument name="FolderName" value="{{PageBuilderVideoBackgroundFallbackImage_JPG.path}}"/>
2949+
</actionGroup>
2950+
<actionGroup ref="DeleteImageFromStorageActionGroup" stepKey="deleteFallbackImage">
2951+
<argument name="Image" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2952+
</actionGroup>
2953+
<actionGroup ref="logout" stepKey="logout"/>
2954+
</after>
2955+
<!-- Set Large Min Height on Row 1 -->
2956+
<actionGroup ref="openPageBuilderEditPanelByIndex" stepKey="openEditMenuOnStage1">
2957+
<argument name="contentType" value="PageBuilderRowContentType"/>
2958+
<argument name="contentTypeIndex" value="1"/>
2959+
</actionGroup>
2960+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterMinHeightProperty1">
2961+
<argument name="property" value="PageBuilderMinHeightProperty_300vh"/>
2962+
</actionGroup>
2963+
<actionGroup ref="chooseVisualSelectOption" stepKey="enterVerticalAlignmentBottomProperty">
2964+
<argument name="property" value="PageBuilderVerticalAlignmentPropertyBottom"/>
2965+
</actionGroup>
2966+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings1"/>
2967+
<!-- Add Slider to Stage -->
2968+
<comment userInput="Add Slider to Stage" stepKey="addSliderToStage"/>
2969+
<actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSection">
2970+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2971+
</actionGroup>
2972+
<actionGroup ref="dragContentTypeToStage" stepKey="dragSliderIntoStage">
2973+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2974+
<argument name="containerTargetIndex" value="1"/>
2975+
</actionGroup>
2976+
<!-- Set Video Background on Slide -->
2977+
<actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditPanelAfterDrop">
2978+
<argument name="section" value="SlideOnBackend"/>
2979+
</actionGroup>
2980+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterMinHeightProperty">
2981+
<argument name="property" value="PageBuilderMinHeightProperty_200"/>
2982+
</actionGroup>
2983+
<actionGroup ref="chooseVisualSelectOption" stepKey="setBackgroundType">
2984+
<argument name="property" value="PageBuilderSlideItemBackgroundType_Video"/>
2985+
</actionGroup>
2986+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterVideoUrl">
2987+
<argument name="property" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2988+
</actionGroup>
2989+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setInfiniteLoopDisabled">
2990+
<argument name="property" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2991+
</actionGroup>
2992+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setLazyLoadDisabled">
2993+
<argument name="property" value="PageBuilderVideoBackgroundLazyLoad_Disabled"/>
2994+
</actionGroup>
2995+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setPlayOnlyWhenVisibleEnabled">
2996+
<argument name="property" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Disabled"/>
2997+
</actionGroup>
2998+
<actionGroup ref="attachFileSlideOutProperty" stepKey="attachFallbackImage">
2999+
<argument name="property" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3000+
</actionGroup>
3001+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings2"/>
3002+
<!-- Validate Stage -->
3003+
<wait time="5" stepKey="waitForVideoCompleteStage"/>
3004+
<actionGroup ref="validateVideoBackgroundFinishedPlaying" stepKey="validateVideoFinishedPlayingStage1">
3005+
<argument name="section" value="SlideOnBackend"/>
3006+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
3007+
</actionGroup>
3008+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStage">
3009+
<argument name="section" value="SlideOnBackend"/>
3010+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3011+
</actionGroup>
3012+
<actionGroup ref="SaveAndContinueEditCmsPageActionGroup" stepKey="saveAndContinueEditCmsPage"/>
3013+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage2"/>
3014+
<!-- Validate Stage After Save -->
3015+
<wait time="10" stepKey="waitForVideoCompleteStage2"/>
3016+
<actionGroup ref="validateVideoBackgroundFinishedPlayingBeforeViewing" stepKey="validateVideoFinishedPlayingStage2">
3017+
<argument name="section" value="SlideOnBackend"/>
3018+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
3019+
</actionGroup>
3020+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStage2">
3021+
<argument name="section" value="SlideOnBackend"/>
3022+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3023+
</actionGroup>
3024+
<scrollTo selector="{{SlideOnBackend.base('1')}}" stepKey="scrollToSlideStage"/>
3025+
<actionGroup ref="validateVideoBackgroundFinishedPlayingBeforeViewing" stepKey="validateVideoFinishedPlayingStage3">
3026+
<argument name="section" value="SlideOnBackend"/>
3027+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
3028+
</actionGroup>
3029+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStage3">
3030+
<argument name="section" value="SlideOnBackend"/>
3031+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3032+
</actionGroup>
3033+
<!-- Validate Storefront -->
3034+
<actionGroup ref="NavigateToStorefrontForCreatedPageActionGroup" stepKey="navigateToStorefront">
3035+
<argument name="page" value="$$createCMSPage.identifier$$"/>
3036+
</actionGroup>
3037+
<wait time="5" stepKey="waitForVideoCompleteStorefront"/>
3038+
<actionGroup ref="validateVideoBackgroundFinishedPlayingBeforeViewing" stepKey="validateVideoFinishedPlayingStorefront">
3039+
<argument name="section" value="SlideOnFrontend"/>
3040+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
3041+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
3042+
</actionGroup>
3043+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStorefront">
3044+
<argument name="section" value="SlideOnFrontend"/>
3045+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3046+
</actionGroup>
3047+
<scrollTo selector="{{SlideOnFrontend.base('1')}}" stepKey="scrollToSlideStorefront"/>
3048+
<wait time="5" stepKey="waitForVideoCompleteStorefront2"/>
3049+
<actionGroup ref="validateVideoBackgroundFinishedPlayingBeforeViewing" stepKey="validateVideoFinishedPlayingStorefront2">
3050+
<argument name="section" value="SlideOnFrontend"/>
3051+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
3052+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
3053+
</actionGroup>
3054+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStorefront2">
3055+
<argument name="section" value="SlideOnFrontend"/>
3056+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
3057+
</actionGroup>
3058+
</test>
3059+
<test name="SlideItemValidateVideoBackgroundLazyLoadEnabled" extends="SlideItemValidateVideoBackgroundPlayOnlyWhenVisibleEnabled">
3060+
<annotations>
3061+
<features value="PageBuilder"/>
3062+
<stories value="Slider"/>
3063+
<title value="Slide Item: Validate Video Background Lazy Load Enabled"/>
3064+
<description value="Verify that the video background lazy load attribute works as intended when enabled."/>
3065+
<severity value="MAJOR"/>
3066+
<useCaseId value="PB-266"/>
3067+
<testCaseId value="MC-31734"/>
3068+
<group value="pagebuilder"/>
3069+
<group value="pagebuilder-slide"/>
3070+
<group value="pagebuilder-slideItemCommon"/>
3071+
<group value="pagebuilder-video-background"/>
3072+
</annotations>
3073+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setLazyLoadDisabled">
3074+
<argument name="property" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
3075+
</actionGroup>
3076+
<remove keyForRemoval="setPlayOnlyWhenVisibleEnabled"/>
3077+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStage1">
3078+
<argument name="section" value="SlideOnBackend"/>
3079+
</actionGroup>
3080+
<actionGroup ref="validateVideoBackgroundNotLoaded" stepKey="validateVideoNotPlayingStage1">
3081+
<argument name="section" value="SlideOnBackend"/>
3082+
</actionGroup>
3083+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStage2">
3084+
<argument name="section" value="SlideOnBackend"/>
3085+
</actionGroup>
3086+
<actionGroup ref="validateVideoBackgroundNotLoaded" stepKey="validateVideoNotPlayingStorefront">
3087+
<argument name="section" value="SlideOnFrontend"/>
3088+
</actionGroup>
3089+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStorefront">
3090+
<argument name="section" value="SlideOnFrontend"/>
3091+
</actionGroup>
3092+
</test>
3093+
<test name="SlideItemValidateVideoBackgroundLazyLoadDisabled" extends="SlideItemValidateVideoBackgroundPlayOnlyWhenVisibleEnabled">
3094+
<annotations>
3095+
<features value="PageBuilder"/>
3096+
<stories value="Slider"/>
3097+
<title value="Slide Item: Validate Video Background Lazy Load Disabled"/>
3098+
<description value="Verify that the video background lazy load attribute works as intended when disabled."/>
3099+
<severity value="MAJOR"/>
3100+
<useCaseId value="PB-266"/>
3101+
<testCaseId value="MC-31737"/>
3102+
<group value="pagebuilder"/>
3103+
<group value="pagebuilder-slide"/>
3104+
<group value="pagebuilder-slideItemCommon"/>
3105+
<group value="pagebuilder-video-background"/>
3106+
</annotations>
3107+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setLazyLoadDisabled">
3108+
<argument name="property" value="PageBuilderVideoBackgroundLazyLoad_Disabled"/>
3109+
</actionGroup>
3110+
<remove keyForRemoval="setPlayOnlyWhenVisibleEnabled"/>
3111+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStage1">
3112+
<argument name="section" value="SlideOnBackend"/>
3113+
</actionGroup>
3114+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoNotPlayingStage1">
3115+
<argument name="section" value="SlideOnBackend"/>
3116+
</actionGroup>
3117+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStage2">
3118+
<argument name="section" value="SlideOnBackend"/>
3119+
</actionGroup>
3120+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoNotPlayingStorefront">
3121+
<argument name="section" value="SlideOnFrontend"/>
3122+
</actionGroup>
3123+
<actionGroup ref="validateVideoBackgroundLoaded" stepKey="validateVideoPlayingStorefront">
3124+
<argument name="section" value="SlideOnFrontend"/>
3125+
</actionGroup>
3126+
</test>
29233127
</tests>

0 commit comments

Comments
 (0)