Skip to content

Commit 1bb8617

Browse files
eug123eug123
committed
PB-266: Video background for Slide
- Adding tests
1 parent 89d3e3f commit 1bb8617

File tree

2 files changed

+160
-2
lines changed

2 files changed

+160
-2
lines changed

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

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -85,6 +85,7 @@
8585
<element name="slideName" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}][@data-slide-name='{{arg2}}']" parameterized="true"/>
8686
<element name="minimumHeight" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'min-height: {{arg2}}px;')]" parameterized="true"/>
8787
<!-- Background Configuration -->
88+
<element name="backgroundType" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper' and @data-background-type='{{backgroundType}}']"/>
8889
<element name="backgroundColor" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-color: {{arg2}};')]" parameterized="true"/>
8990
<element name="noBackgroundColor" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][not(contains(@style,'background-color:'))]" parameterized="true"/>
9091
<element name="backgroundImage" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-image: url(') and contains(@style,'{{arg2}}')]" parameterized="true"/>
@@ -93,6 +94,17 @@
9394
<element name="backgroundSize" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-size: {{arg2}};')]" parameterized="true"/>
9495
<element name="backgroundRepeat" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-repeat: {{arg2}};')]" parameterized="true"/>
9596
<element name="backgroundAttachment" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper'][contains(@style,'background-attachment: {{arg2}};')]" parameterized="true"/>
97+
<!-- 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')]"/>
99+
<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"/>
100+
<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}}')]"/>
101+
<element name="videoBackgroundOverlayElement" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[@data-element='video_overlay']"/>
102+
<element name="videoBackgroundInfiniteLoop" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper' and @data-video-loop='{{infiniteLoopValue}}']"/>
103+
<element name="videoBackgroundLazyLoad" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper' and @data-video-lazy-load='{{lazyLoadValue}}']"/>
104+
<element name="videoBackgroundPlayOnlyWhenVisible" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper' and @data-video-play-only-visible='{{playOnlyWhenVisibleValue}}']"/>
105+
<element name="videoBackgroundFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//img"/>
106+
<element name="videoBackgroundFallbackImageSource" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//img[contains(@src,'{{fileName}}')]"/>
107+
<element name="videoBackgroundNoFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='wrapper']//div[contains(@id,'jarallax-container')]//div"/>
96108
<!-- Content Configuration -->
97109
<element name="contentJS" type="text" selector="document.querySelectorAll('[data-content-type=slide] [data-element=content]')[{{arg1}} - 1]" parameterized="true"/>
98110
<element name="messageContent" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='content']//*[contains(text(),'{{arg2}}')]" parameterized="true"/>

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

Lines changed: 148 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2151,7 +2151,7 @@
21512151
<argument name="property" value="PageBuilderVideoBackgroundFallbackImage_Empty"/>
21522152
</actionGroup>
21532153
</test>
2154-
<test name="SliderItemValidateVideoBackgroundVideoURLs">
2154+
<test name="SlideItemValidateVideoBackgroundVideoURLs">
21552155
<annotations>
21562156
<features value="PageBuilder"/>
21572157
<stories value="Slider"/>
@@ -2299,7 +2299,7 @@
22992299
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL_Insecure"/>
23002300
</actionGroup>
23012301
</test>
2302-
<test name="SliderItemContainedVerifyCanSwitchBackgroundTypes">
2302+
<test name="SlideItemContainedVerifyCanSwitchBackgroundTypes">
23032303
<annotations>
23042304
<features value="PageBuilder"/>
23052305
<stories value="Slider"/>
@@ -2669,4 +2669,150 @@
26692669
<argument name="property" value="PageBuilderVideoBackgroundFallbackImage_Empty"/>
26702670
</actionGroup>
26712671
</test>
2672+
<test name="SlideItemValidateVideoBackgroundInfiniteLoopEnabled">
2673+
<annotations>
2674+
<features value="PageBuilder"/>
2675+
<stories value="Slider"/>
2676+
<title value="Slide Item: Validate Video Background Infinite Loop Enabled"/>
2677+
<description value="Verify that the video background infinite loop attribute works as intended when enabled."/>
2678+
<severity value="MAJOR"/>
2679+
<useCaseId value="PB-266"/>
2680+
<testCaseId value="MC-31700"/>
2681+
<group value="pagebuilder"/>
2682+
<group value="pagebuilder-slide"/>
2683+
<group value="pagebuilder-slideItemCommon"/>
2684+
<group value="pagebuilder-video-background"/>
2685+
</annotations>
2686+
<before>
2687+
<createData entity="_emptyCmsPage" stepKey="createCMSPage"/>
2688+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
2689+
<actionGroup ref="NavigateToCreatedCMSPageActionGroup" stepKey="navigateToCreatedCMSPage">
2690+
<argument name="CMSPage" value="$$createCMSPage$$"/>
2691+
</actionGroup>
2692+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/>
2693+
</before>
2694+
<after>
2695+
<deleteData createDataKey="createCMSPage" stepKey="deleteCMSPage"/>
2696+
<actionGroup ref="NavigateToMediaGalleryActionGroup" stepKey="navigateToMediaGallery"/>
2697+
<actionGroup ref="NavigateToMediaFolderActionGroup" stepKey="navigateToFallbackImageFolder">
2698+
<argument name="FolderName" value="{{PageBuilderVideoBackgroundFallbackImage_JPG.path}}"/>
2699+
</actionGroup>
2700+
<actionGroup ref="DeleteImageFromStorageActionGroup" stepKey="deleteFallbackImage">
2701+
<argument name="Image" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2702+
</actionGroup>
2703+
<actionGroup ref="logout" stepKey="logout"/>
2704+
</after>
2705+
<!-- Add Slider to Stage -->
2706+
<comment userInput="Add Slider to Stage" stepKey="addSliderToStage"/>
2707+
<actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSection">
2708+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2709+
</actionGroup>
2710+
<actionGroup ref="dragContentTypeToStage" stepKey="dragSliderIntoStage">
2711+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2712+
</actionGroup>
2713+
<actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditPanelAfterDrop">
2714+
<argument name="section" value="SlideOnBackend"/>
2715+
</actionGroup>
2716+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterMinHeightProperty">
2717+
<argument name="property" value="PageBuilderMinHeightProperty_200"/>
2718+
</actionGroup>
2719+
<actionGroup ref="chooseVisualSelectOption" stepKey="setBackgroundType">
2720+
<argument name="property" value="PageBuilderSlideItemBackgroundType_Video"/>
2721+
</actionGroup>
2722+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterVideoUrl">
2723+
<argument name="property" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2724+
</actionGroup>
2725+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setInfiniteLoopEnabled">
2726+
<argument name="property" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2727+
</actionGroup>
2728+
<actionGroup ref="attachFileSlideOutProperty" stepKey="attachFallbackImage">
2729+
<argument name="property" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2730+
</actionGroup>
2731+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings4"/>
2732+
<!-- Stage: Validate Video is Playing -->
2733+
<actionGroup ref="validateVideoBackgroundPlaying" stepKey="validateVideoPlayingStage1">
2734+
<argument name="section" value="SlideOnBackend"/>
2735+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2736+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2737+
</actionGroup>
2738+
<wait time="5" stepKey="waitForVideoCompleteStage"/>
2739+
<actionGroup ref="validateVideoBackgroundPlaying" stepKey="validateVideoPlayingStage2">
2740+
<argument name="section" value="SlideOnBackend"/>
2741+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2742+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2743+
</actionGroup>
2744+
<actionGroup ref="SaveAndContinueEditCmsPageActionGroup" stepKey="saveAndContinueEditCmsPage"/>
2745+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage2"/>
2746+
<!-- Storefront: Validate Video is Playing -->
2747+
<actionGroup ref="NavigateToStorefrontForCreatedPageActionGroup" stepKey="navigateToStorefront">
2748+
<argument name="page" value="$$createCMSPage.identifier$$"/>
2749+
</actionGroup>
2750+
<actionGroup ref="validateVideoBackgroundPlaying" stepKey="validateVideoPlayingStorefront1">
2751+
<argument name="section" value="SlideOnFrontend"/>
2752+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2753+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2754+
</actionGroup>
2755+
<wait time="5" stepKey="waitForVideoCompleteStorefront"/>
2756+
<actionGroup ref="validateVideoBackgroundPlaying" stepKey="validateVideoPlayingStorefront2">
2757+
<argument name="section" value="SlideOnFrontend"/>
2758+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2759+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2760+
</actionGroup>
2761+
</test>
2762+
<test name="SlideItemValidateVideoBackgroundInfiniteLoopDisabled" extends="SlideItemValidateVideoBackgroundInfiniteLoopEnabled">
2763+
<annotations>
2764+
<features value="PageBuilder"/>
2765+
<stories value="Slider"/>
2766+
<title value="Slide Item: Validate Video Background Infinite Loop Disabled"/>
2767+
<description value="Verify that the video background infinite loop attribute works as intended when disabled."/>
2768+
<severity value="MAJOR"/>
2769+
<useCaseId value="PB-266"/>
2770+
<testCaseId value="MC-31703"/>
2771+
<group value="pagebuilder"/>
2772+
<group value="pagebuilder-slide"/>
2773+
<group value="pagebuilder-slideItemCommon"/>
2774+
<group value="pagebuilder-video-background"/>
2775+
</annotations>
2776+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setInfiniteLoopEnabled">
2777+
<argument name="property" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2778+
</actionGroup>
2779+
<wait time="5" stepKey="waitForVideoCompleteStageBefore" before="validateVideoPlayingStage1"/>
2780+
<actionGroup ref="validateVideoBackgroundFinishedPlaying" stepKey="validateVideoPlayingStage1">
2781+
<argument name="section" value="SlideOnBackend"/>
2782+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2783+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2784+
</actionGroup>
2785+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStage1" after="validateVideoPlayingStage1">
2786+
<argument name="section" value="SlideOnBackend"/>
2787+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2788+
</actionGroup>
2789+
<actionGroup ref="validateVideoBackgroundFinishedPlaying" stepKey="validateVideoPlayingStage2">
2790+
<argument name="section" value="SlideOnBackend"/>
2791+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2792+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2793+
</actionGroup>
2794+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStage2" after="validateVideoPlayingStage2">
2795+
<argument name="section" value="SlideOnBackend"/>
2796+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2797+
</actionGroup>
2798+
<wait time="5" stepKey="waitForVideoCompleteStorefrontBefore" before="validateVideoPlayingStorefront1"/>
2799+
<actionGroup ref="validateVideoBackgroundFinishedPlaying" stepKey="validateVideoPlayingStorefront1">
2800+
<argument name="section" value="SlideOnFrontend"/>
2801+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2802+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2803+
</actionGroup>
2804+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStorefront1" after="validateVideoPlayingStorefront1">
2805+
<argument name="section" value="SlideOnFrontend"/>
2806+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2807+
</actionGroup>
2808+
<actionGroup ref="validateVideoBackgroundFinishedPlaying" stepKey="validateVideoPlayingStorefront2">
2809+
<argument name="section" value="SlideOnFrontend"/>
2810+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundInfiniteLoop_Disabled"/>
2811+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_Mp4_URL"/>
2812+
</actionGroup>
2813+
<actionGroup ref="validateFallbackImageAfterVideoFinishesPlayingInVideoBackground" stepKey="validateFallbackImageVisibleStorefront2" after="validateVideoPlayingStorefront2">
2814+
<argument name="section" value="SlideOnFrontend"/>
2815+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2816+
</actionGroup>
2817+
</test>
26722818
</tests>

0 commit comments

Comments
 (0)