Skip to content

Commit 89d3e3f

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

File tree

5 files changed

+645
-38
lines changed

5 files changed

+645
-38
lines changed

app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/ContentTypeSliderActionGroup.xml

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,4 +26,7 @@
2626
<actionGroup name="validateBackgroundAttributesWithNoImageForSlide" extends="validateBackgroundAttributesWithNoImage">
2727
<comment userInput="---merging to remove step---" stepKey="waitForBackgroundAttachment"/>
2828
</actionGroup>
29+
<actionGroup name="validateBackgroundAttributesForSlide" extends="validateBackgroundAttributes">
30+
<comment userInput="---merging to remove step---" stepKey="waitForBackgroundAttachment"/>
31+
</actionGroup>
2932
</actionGroups>

app/code/Magento/PageBuilder/Test/Mftf/Data/SlideData.xml

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,19 @@
7171
<data key="fieldName">background_color</data>
7272
<data key="stageValue">rgb(250, 250, 250)</data>
7373
</entity>
74+
<!-- Background Type -->
75+
<entity name="PageBuilderSlideItemBackgroundType_Image" type="pagebuilder_slide_item_background_type_property">
76+
<data key="name">Background Type</data>
77+
<data key="section">background</data>
78+
<data key="fieldName">background_type</data>
79+
<data key="value">image</data>
80+
</entity>
81+
<entity name="PageBuilderSlideItemBackgroundType_Video" type="pagebuilder_slide_item_background_type_property">
82+
<data key="name">Background Type</data>
83+
<data key="section">background</data>
84+
<data key="fieldName">background_type</data>
85+
<data key="value">video</data>
86+
</entity>
7487
<!-- Link -->
7588
<entity name="PageBuilderSlideItemLinkURL_Empty" type="pagebuilder_slide_item_link_url_property">
7689
<data key="name">Link</data>

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

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,14 +155,27 @@
155155
<element name="posterMinimumHeight" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@class='pagebuilder-slide-wrapper'][contains(@style,'min-height: {{arg2}}px;')]" parameterized="true"/>
156156
<element name="collageMinimumHeight" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'min-height: {{arg2}}px;')]" parameterized="true"/>
157157
<!-- Background Configuration -->
158-
<element name="backgroundColor" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-color: {{arg2}};')]" parameterized="true"/>
158+
<element name="backgroundType" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[@data-background-type='{{backgroundType}}']"/>
159+
<element name="backgroundColorElement" type="button" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-color:')]"/>
160+
<element name="backgroundColor" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-color: {{arg2}};')]" parameterized="true"/>
159161
<element name="noBackgroundColor" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[not(contains(@style,'background-color:'))]" parameterized="true"/>
160162
<element name="backgroundImage" type="text" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-image: url(') and contains(@style,'{{arg2}}')]" parameterized="true"/>
161163
<element name="noBackgroundImage" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[not(contains(@style,'background-image:'))]" parameterized="true"/>
162164
<element name="backgroundPosition" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-position: {{arg2}};')]" parameterized="true"/>
163165
<element name="backgroundSize" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-size: {{arg2}};')]" parameterized="true"/>
164166
<element name="backgroundRepeat" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-repeat: {{arg2}};')]" parameterized="true"/>
165167
<element name="backgroundAttachment" type="button" selector="(//div[@data-content-type='slide'])[{{arg1}}]/div[contains(@style,'background-attachment: {{arg2}};')]" parameterized="true"/>
168+
<!-- Video Background -->
169+
<element name="videoBackgroundJarallaxContainer" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]"/>
170+
<element name="videoBackgroundVideoElement" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//iframe|(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//video"/>
171+
<element name="videoBackgroundVideoUrl" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//*[contains(@src,'{{videoURL}}')]"/>
172+
<element name="videoBackgroundOverlayElement" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-element='video_overlay']"/>
173+
<element name="videoBackgroundInfiniteLoop" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-video-loop='{{infiniteLoopValue}}']"/>
174+
<element name="videoBackgroundLazyLoad" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-video-lazy-load='{{lazyLoadValue}}']"/>
175+
<element name="videoBackgroundPlayOnlyWhenVisible" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[@data-video-play-only-visible='{{playOnlyWhenVisibleValue}}']"/>
176+
<element name="videoBackgroundFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//img"/>
177+
<element name="videoBackgroundFallbackImageSource" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//img[contains(@src,'{{fileName}}')]"/>
178+
<element name="videoBackgroundNoFallbackImage" type="text" parameterized="true" selector="(//div[@data-content-type='slide'])[{{arg1}}]//div[contains(@id,'jarallax-container')]//div"/>
166179
<!-- Content Configuration -->
167180
<element name="contentJS" type="text" selector="document.querySelectorAll('[data-content-type=slider] div.inline-wysiwyg')[{{arg1}} - 1]" parameterized="true"/>
168181
<element name="textArea" type="text" selector="(//div[@data-content-type='slide'])[{{arg}}]//textarea[contains(@class,'inline-wysiwyg-textarea')]" parameterized="true"/>

0 commit comments

Comments
 (0)