Skip to content

Commit 068acfd

Browse files
eug123eug123
committed
PB-266: Video background for Slide
- Adding tests
1 parent b500c9f commit 068acfd

6 files changed

+225
-6
lines changed

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

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -422,6 +422,16 @@
422422
<actualResult type="variable">$videoStyle</actualResult>
423423
</assertNotContains>
424424
</actionGroup>
425+
<actionGroup name="validateVideoBackgroundLoadedButNotPlayingForNotVisibleElement" extends="validateVideoBackgroundPlaying">
426+
<annotations>
427+
<description>Validates that the video in the video background is loaded but not playing for not visible element.</description>
428+
</annotations>
429+
<waitForElement selector="{{section.videoBackgroundVideoElement(index)}}" stepKey="waitForVideoVisible"/>
430+
<assertNotContains stepKey="assertVideoPlaying">
431+
<expectedResult type="string">transform: translate3d(</expectedResult>
432+
<actualResult type="variable">$videoStyle</actualResult>
433+
</assertNotContains>
434+
</actionGroup>
425435
<actionGroup name="validateVideoBackgroundFinishedPlaying" extends="validateVideoBackgroundPlaying">
426436
<annotations>
427437
<description>Validates that the video in the video background is finished playing.</description>

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

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -246,6 +246,19 @@
246246
<waitForPageLoad stepKey="waitForPageLoad"/>
247247
<click selector="{{PageBuilderPanel.searchPanel}}" stepKey="loseFocusFromEditor"/>
248248
</actionGroup>
249+
<actionGroup name="inlineEditWYSIWYGSWithVideoFromStage">
250+
<arguments>
251+
<argument name="contentType"/>
252+
<argument name="content" type="string"/>
253+
<argument name="index" defaultValue="1" type="string"/>
254+
</arguments>
255+
<click selector="{{PageBuilderStage.inlineWYSIWYGEditor(contentType.role, index)}}" stepKey="focusOnEditorArea"/>
256+
<click selector="{{PageBuilderStage.inlineWYSIWYGEditor(contentType.role, index)}}" stepKey="focusOnEditorArea1"/>
257+
<waitForElementVisible selector="{{PageBuilderStage.inlineWYSIWYGEditorPanel(contentType.role, index)}}" stepKey="waitForEditorPanel"/>
258+
<pressKey selector="{{PageBuilderStage.inlineWYSIWYGEditor(contentType.role, index)}}" userInput="{{content}}" stepKey="enterContentIntoEditor"/>
259+
<waitForPageLoad stepKey="waitForPageLoad"/>
260+
<click selector="{{PageBuilderPanel.searchPanel}}" stepKey="loseFocusFromEditor"/>
261+
</actionGroup>
249262
<actionGroup name="inlineEditTextAreaFromStage">
250263
<arguments>
251264
<argument name="contentType"/>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -173,8 +173,8 @@
173173
<element name="collageMinimumHeight" type="text" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[contains(@style,'min-height: {{minHeight}};')]" parameterized="true"/>
174174
<element name="noCollageMinimumHeight" type="text" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[not(contains(@style,'min-height:'))]" parameterized="true"/>
175175
<!-- Background Configuration -->
176-
<element name="backgroundType" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[@data-background-type='{{backgroundType}}']"/>
177-
<element name="backgroundColorElement" type="button" parameterized="true" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[contains(@style,'background-color:')]"/>
176+
<element name="backgroundType" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]//div[@data-background-type='{{backgroundType}}']"/>
177+
<element name="backgroundColorElement" type="button" parameterized="true" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]//div[contains(@style,'background-color:')]"/>
178178
<element name="backgroundColor" type="button" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[contains(@style,'background-color: {{backgroundColor}};')]" parameterized="true"/>
179179
<element name="noBackgroundColor" type="text" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[not(contains(@style,'background-color:'))]" parameterized="true"/>
180180
<element name="backgroundImage" type="text" selector="(//div[@data-content-type='slide'])[{{slideIndex}}]/div[contains(@style,'background-image: url(') and contains(@style,'{{backgroundImage}}')]" parameterized="true"/>

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

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2664,4 +2664,200 @@
26642664
<argument name="index" value="2"/>
26652665
</actionGroup>
26662666
</test>
2667+
<test name="BlockRenderSlideItemPosterAppearanceWithVideoBackgroundThroughBlockContentType">
2668+
<annotations>
2669+
<features value="PageBuilder"/>
2670+
<stories value="Block Content"/>
2671+
<title value="Render Slide Item Poster Appearance with Video Background Through Block Content Type"/>
2672+
<description value="Verify that users are able to successfully render the poster slide content type with a video background through the Block content type."/>
2673+
<severity value="BLOCKER"/>
2674+
<testCaseId value="MC-32023"/>
2675+
<useCaseId value="PB-266"/>
2676+
<group value="pagebuilder"/>
2677+
<group value="pagebuilder-block"/>
2678+
<group value="pagebuilder-block-content"/>
2679+
<group value="pagebuilder-slide"/>
2680+
<group value="pagebuilder-sliderPoster"/>
2681+
<group value="pagebuilder-video-background"/>
2682+
</annotations>
2683+
<before>
2684+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
2685+
<createData entity="_emptyCmsPage" stepKey="createCMSPage"/>
2686+
<createData entity="_emptyCmsBlock" stepKey="createCMSBlock"/>
2687+
<actionGroup ref="NavigateToCreatedCMSBlockPageActionGroup" stepKey="navigateToCreatedCMSBlockPage1">
2688+
<argument name="CMSBlockPage" value="$$createCMSBlock$$"/>
2689+
</actionGroup>
2690+
</before>
2691+
<after>
2692+
<deleteData createDataKey="createCMSBlock" stepKey="deleteCMSBlock"/>
2693+
<deleteData createDataKey="createCMSPage" stepKey="deleteCMSPage"/>
2694+
<actionGroup ref="NavigateToMediaGalleryActionGroup" stepKey="navigateToMediaGallery"/>
2695+
<actionGroup ref="NavigateToMediaFolderActionGroup" stepKey="navigateToFallbackImageFolder">
2696+
<argument name="FolderName" value="{{PageBuilderVideoBackgroundFallbackImage_JPG.path}}"/>
2697+
</actionGroup>
2698+
<actionGroup ref="DeleteImageFromStorageActionGroup" stepKey="deleteFallbackImage">
2699+
<argument name="Image" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2700+
</actionGroup>
2701+
<actionGroup ref="logout" stepKey="logout"/>
2702+
</after>
2703+
<!-- Add Slider to Stage -->
2704+
<actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSection">
2705+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2706+
</actionGroup>
2707+
<actionGroup ref="dragContentTypeToStage" stepKey="dragSliderIntoStage">
2708+
<argument name="contentType" value="PageBuilderSliderContentType"/>
2709+
<argument name="containerTargetIndex" value="1"/>
2710+
</actionGroup>
2711+
<!-- Set Video Background on Poster appearance Slide -->
2712+
<actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditPanelAfterDrop">
2713+
<argument name="section" value="SlideOnBackend"/>
2714+
</actionGroup>
2715+
<actionGroup ref="chooseVisualSelectOption" stepKey="setAppearance">
2716+
<argument name="property" value="PageBuilderAppearance_Poster"/>
2717+
</actionGroup>
2718+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterMinHeightProperty">
2719+
<argument name="property" value="PageBuilderMinHeightProperty_200px"/>
2720+
</actionGroup>
2721+
<!-- Update All Video Background Fields -->
2722+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterBackgroundColor">
2723+
<argument name="property" value="PageBuilderBackgroundColor_Pink"/>
2724+
</actionGroup>
2725+
<actionGroup ref="chooseVisualSelectOption" stepKey="setBackgroundType">
2726+
<argument name="property" value="PageBuilderBackgroundType_Video"/>
2727+
</actionGroup>
2728+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterVideoUrl">
2729+
<argument name="property" value="PageBuilderVideoBackgroundUrl_YouTube_Embedded"/>
2730+
</actionGroup>
2731+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterOverlayColor">
2732+
<argument name="property" value="PageBuilderVideoBackgroundOverlayColor_Hex_Grey"/>
2733+
</actionGroup>
2734+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setInfiniteLoop">
2735+
<argument name="property" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2736+
</actionGroup>
2737+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setLazyLoad">
2738+
<argument name="property" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
2739+
</actionGroup>
2740+
<actionGroup ref="conditionalClickSlideOutPanelFieldGeneral" stepKey="setPlayOnlyWhenVisible">
2741+
<argument name="property" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
2742+
</actionGroup>
2743+
<actionGroup ref="attachFileSlideOutProperty" stepKey="attachFallbackImage">
2744+
<argument name="property" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2745+
</actionGroup>
2746+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings"/>
2747+
<!-- Validate Stage -->
2748+
<actionGroup ref="validateVideoBackgroundWithAllAttributes" stepKey="validateCMSBlockStage">
2749+
<argument name="section" value="SlideOnBackend"/>
2750+
<argument name="backgroundColor" value="{{PageBuilderBackgroundColor_Pink.rgb}}"/>
2751+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_Embedded"/>
2752+
<argument name="overlayColor" value="{{PageBuilderVideoBackgroundOverlayColor_Hex_Grey.rgba}}"/>
2753+
<argument name="infiniteLoop" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2754+
<argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
2755+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
2756+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2757+
</actionGroup>
2758+
<actionGroup ref="SaveCMSBlockActionGroup" stepKey="saveCMSBlock"/>
2759+
<!-- Add Block to CMS Page -->
2760+
<actionGroup ref="NavigateToCreatedCMSPageActionGroup" stepKey="navigateToCreatedCMSPage">
2761+
<argument name="CMSPage" value="$$createCMSPage$$"/>
2762+
</actionGroup>
2763+
<actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPanelAddContentMenuSection">
2764+
<argument name="contentType" value="PageBuilderBlockContentType"/>
2765+
</actionGroup>
2766+
<actionGroup ref="dragContentTypeToStage" stepKey="dragBlockIntoStage">
2767+
<argument name="contentType" value="PageBuilderBlockContentType"/>
2768+
</actionGroup>
2769+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditAfterDropBlock">
2770+
<argument name="contentType" value="PageBuilderBlockContentType"/>
2771+
</actionGroup>
2772+
<actionGroup ref="searchBlockInGrid" stepKey="searchBlockInGrid">
2773+
<argument name="block" value="$$createCMSBlock$$"/>
2774+
</actionGroup>
2775+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettingsBlock"/>
2776+
<!-- Validate CMS Page Stage -->
2777+
<actionGroup ref="validateVideoBackgroundWithAllAttributes" stepKey="validateCMSPageStage">
2778+
<argument name="section" value="SlideOnBackend"/>
2779+
<argument name="backgroundColor" value="{{PageBuilderBackgroundColor_Pink.rgb}}"/>
2780+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_Embedded"/>
2781+
<argument name="overlayColor" value="{{PageBuilderVideoBackgroundOverlayColor_Hex_Grey.rgba}}"/>
2782+
<argument name="infiniteLoop" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2783+
<argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
2784+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
2785+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2786+
</actionGroup>
2787+
<actionGroup ref="SaveAndContinueEditCmsPageActionGroup" stepKey="saveAndContinueEditCmsPage"/>
2788+
<!-- Validate Storefront -->
2789+
<actionGroup ref="NavigateToStorefrontForCreatedPageActionGroup" stepKey="navigateToStorefront">
2790+
<argument name="page" value="$$createCMSPage.identifier$$"/>
2791+
</actionGroup>
2792+
<actionGroup ref="validateVideoBackgroundWithAllAttributes" stepKey="validateStorefront">
2793+
<argument name="section" value="SlideOnFrontend"/>
2794+
<argument name="backgroundColor" value="{{PageBuilderBackgroundColor_Pink.rgb}}"/>
2795+
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_Embedded"/>
2796+
<argument name="overlayColor" value="{{PageBuilderVideoBackgroundOverlayColor_Hex_Grey.rgba}}"/>
2797+
<argument name="infiniteLoop" value="PageBuilderVideoBackgroundInfiniteLoop_Enabled"/>
2798+
<argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Enabled"/>
2799+
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Enabled"/>
2800+
<argument name="fallbackImage" value="PageBuilderVideoBackgroundFallbackImage_JPG"/>
2801+
</actionGroup>
2802+
</test>
2803+
<test name="BlockRenderSlideItemCollageLeftAppearanceWithVideoBackgroundThroughBlockContentType" extends="BlockRenderSlideItemPosterAppearanceWithVideoBackgroundThroughBlockContentType">
2804+
<annotations>
2805+
<features value="PageBuilder"/>
2806+
<stories value="Block Content"/>
2807+
<title value="Render Slide Item Collage Left Appearance with Video Background Through Block Content Type"/>
2808+
<description value="Verify that users are able to successfully render the collage left slide content type with a video background through the Block content type."/>
2809+
<severity value="BLOCKER"/>
2810+
<testCaseId value="MC-32024"/>
2811+
<useCaseId value="PB-266"/>
2812+
<group value="pagebuilder"/>
2813+
<group value="pagebuilder-block"/>
2814+
<group value="pagebuilder-block-content"/>
2815+
<group value="pagebuilder-slide"/>
2816+
<group value="pagebuilder-slideItemCollageLeft"/>
2817+
<group value="pagebuilder-video-background"/>
2818+
</annotations>
2819+
<actionGroup ref="chooseVisualSelectOption" stepKey="setAppearance">
2820+
<argument name="property" value="PageBuilderAppearance_CollageLeft"/>
2821+
</actionGroup>
2822+
</test>
2823+
<test name="BlockRenderSlideItemCollageRightAppearanceWithVideoBackgroundThroughBlockContentType" extends="BlockRenderSlideItemPosterAppearanceWithVideoBackgroundThroughBlockContentType">
2824+
<annotations>
2825+
<features value="PageBuilder"/>
2826+
<stories value="Block Content"/>
2827+
<title value="Render Slide Item Collage Right Appearance with Video Background Through Block Content Type"/>
2828+
<description value="Verify that users are able to successfully render the collage right slide content type with a video background through the Block content type."/>
2829+
<severity value="BLOCKER"/>
2830+
<testCaseId value="MC-32025"/>
2831+
<useCaseId value="PB-266"/>
2832+
<group value="pagebuilder"/>
2833+
<group value="pagebuilder-block"/>
2834+
<group value="pagebuilder-block-content"/>
2835+
<group value="pagebuilder-slide"/>
2836+
<group value="pagebuilder-slideItemCollageRight"/>
2837+
<group value="pagebuilder-video-background"/>
2838+
</annotations>
2839+
<actionGroup ref="chooseVisualSelectOption" stepKey="setAppearance">
2840+
<argument name="property" value="PageBuilderAppearance_CollageRight"/>
2841+
</actionGroup>
2842+
</test>
2843+
<test name="BlockRenderSlideItemCollageCenterAppearanceWithVideoBackgroundThroughBlockContentType" extends="BlockRenderSlideItemPosterAppearanceWithVideoBackgroundThroughBlockContentType">
2844+
<annotations>
2845+
<features value="PageBuilder"/>
2846+
<stories value="Block Content"/>
2847+
<title value="Render Slide Item Collage Center Appearance with Video Background Through Block Content Type"/>
2848+
<description value="Verify that users are able to successfully render the collage center slide content type with a video background through the Block content type."/>
2849+
<severity value="BLOCKER"/>
2850+
<testCaseId value="MC-32026"/>
2851+
<useCaseId value="PB-266"/>
2852+
<group value="pagebuilder"/>
2853+
<group value="pagebuilder-block"/>
2854+
<group value="pagebuilder-block-content"/>
2855+
<group value="pagebuilder-slide"/>
2856+
<group value="pagebuilder-slideItemCollageCenter"/>
2857+
<group value="pagebuilder-video-background"/>
2858+
</annotations>
2859+
<actionGroup ref="chooseVisualSelectOption" stepKey="setAppearance">
2860+
<argument name="property" value="PageBuilderAppearance_CollageCentered"/>
2861+
</actionGroup>
2862+
</test>
26672863
</tests>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1763,7 +1763,7 @@
17631763
<argument name="lazyLoad" value="PageBuilderVideoBackgroundLazyLoad_Disabled"/>
17641764
<argument name="playOnlyWhenVisible" value="PageBuilderVideoBackgroundPlayOnlyWhenVisible_Disabled"/>
17651765
</actionGroup>
1766-
<actionGroup ref="inlineEditWYSIWYGFromStage" stepKey="inlineEdit">
1766+
<actionGroup ref="inlineEditWYSIWYGSWithVideoFromStage" stepKey="inlineEdit">
17671767
<argument name="contentType" value="PageBuilderSlideContentType"/>
17681768
<argument name="content" value="{{PageBuilderSlideItemContent_Slide1.value}}"/>
17691769
</actionGroup>
@@ -1917,7 +1917,7 @@
19171917
<actionGroup ref="inlineEditSlideOrBannerButton" stepKey="inlineEditSlideButton">
19181918
<argument name="text" value="{{PageBuilderSlideItemButtonText_Slide1.value}}"/>
19191919
</actionGroup>
1920-
<actionGroup ref="inlineEditWYSIWYGFromStage" stepKey="inlineEdit">
1920+
<actionGroup ref="inlineEditWYSIWYGSWithVideoFromStage" stepKey="inlineEdit">
19211921
<argument name="contentType" value="PageBuilderSlideContentType"/>
19221922
<argument name="content" value="{{PageBuilderSlideItemContent_Slide1.value}}"/>
19231923
</actionGroup>

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

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3359,7 +3359,7 @@
33593359
<actionGroup ref="SaveAndContinueEditCmsPageActionGroup" stepKey="saveAndContinueEditCmsPage"/>
33603360
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage2"/>
33613361
<!-- Stage: Validate Video is not Playing -->
3362-
<actionGroup ref="validateVideoBackgroundLoadedButNotPlaying" stepKey="validateVideoNotPlayingStage1">
3362+
<actionGroup ref="validateVideoBackgroundLoadedButNotPlayingForNotVisibleElement" stepKey="validateVideoNotPlayingStage1">
33633363
<argument name="section" value="SlideOnBackend"/>
33643364
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_NonEmbedded"/>
33653365
<argument name="index" value="2"/>
@@ -3377,7 +3377,7 @@
33773377
<actionGroup ref="NavigateToStorefrontForCreatedPageActionGroup" stepKey="navigateToStorefront">
33783378
<argument name="page" value="$$createCMSPage.identifier$$"/>
33793379
</actionGroup>
3380-
<actionGroup ref="validateVideoBackgroundLoadedButNotPlaying" stepKey="validateVideoNotPlayingStorefront">
3380+
<actionGroup ref="validateVideoBackgroundLoadedButNotPlayingForNotVisibleElement" stepKey="validateVideoNotPlayingStorefront">
33813381
<argument name="section" value="SlideOnFrontend"/>
33823382
<argument name="videoUrl" value="PageBuilderVideoBackgroundUrl_YouTube_NonEmbedded"/>
33833383
<argument name="index" value="2"/>

0 commit comments

Comments
 (0)