Skip to content

Commit 0343e8a

Browse files
committed
#636-functional-tests-on-mobile-viewport
- New test ViewportSwitcherMobileSlideItemCollageRightAppearanceWithVideoBackgroundThroughBlockContentTypeTest is added
1 parent cb0839d commit 0343e8a

File tree

2 files changed

+80
-0
lines changed

2 files changed

+80
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
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+
<tests xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
9+
xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/testSchema.xsd">
10+
<test name="ViewportSwitcherMobileSlideItemCollageRightAppearanceWithVideoBackgroundThroughBlockContentTypeTest" extends="ViewportSwitcherMobileSlideItemCollageLeftAppearanceWithVideoBackgroundThroughBlockContentTypeTest">
11+
<annotations>
12+
<features value="PageBuilder"/>
13+
<stories value="Viewport Switcher"/>
14+
<title value="Render Slide Item Collage Right Appearance with Video Background Through Block Content Type"/>
15+
<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."/>
16+
<severity value="CRITICAL"/>
17+
<group value="pagebuilder"/>
18+
<group value="pagebuilder-block"/>
19+
<group value="pagebuilder-block-content"/>
20+
<group value="pagebuilder-slider"/>
21+
<group value="pagebuilder-slide"/>
22+
<group value="pagebuilder-slideItemCollageRight"/>
23+
<group value="pagebuilder-video-background"/>
24+
<group value="pagebuilder-viewport-switcher"/>
25+
</annotations>
26+
<actionGroup ref="chooseVisualSelectOption" stepKey="setAppearance">
27+
<argument name="property" value="PageBuilderAppearance_CollageRight"/>
28+
</actionGroup>
29+
</test>
30+
</tests>

app/code/Magento/PageBuilder/Test/Mftf/Test/ViewportSwitcherMobile/ViewportSwitcherMobileSlideItemPosterAppearanceThroughBlockContentTypeTest.xml

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,56 @@
116116
<actionGroup ref="exitPageBuilderFullScreen" stepKey="exitPageBuilderFullScreenBeforeSave"/>
117117
<actionGroup ref="SaveCMSBlockActionGroup" stepKey="saveCMSBlock"/>
118118
<actionGroup ref="AdminOpenPageBuilderFromContentPreviewOverlayActionGroup" stepKey="openPageBuilderFullScreen"/>
119+
<!-- Validate CMS Block Stage on Viewport DesMobile -->
120+
<actionGroup ref="AdminSwitchPageBuilderViewportActionGroup" stepKey="switchToMobileViewportForValidateBlock">
121+
<argument name="viewportButton" value="mobile"/>
122+
<argument name="viewportStage" value="mobile"/>
123+
</actionGroup>
124+
<seeElement selector="{{SlideOnBackend.appearance('1', PageBuilderAppearance_Poster.value)}}" stepKey="seeAppearanceCMSBlockStage"/>
125+
<actionGroup ref="validateOverlayPositionPoster" stepKey="validateOverlayPositionCMSBlockStage">
126+
<argument name="page" value="SlideOnBackend"/>
127+
</actionGroup>
128+
<seeElement selector="{{SlideOnBackend.slideName('1', PageBuilderSlideItemSlideName_Slide1.value)}}" stepKey="seeSlideNameCMSBlockStage"/>
129+
<moveMouseOver selector="{{SliderOnStage.activeSlideNavigationDot}}" stepKey="mouseOverSlideDotCMSBlockStage"/>
130+
<see userInput="{{PageBuilderSlideItemSlideName_Slide1.value}}" selector="{{SliderOnStage.slideNavigationDotNameTooltip('1')}}" stepKey="seeSlideName1InTooltipCMSBlockStage"/>
131+
<seeElement selector="{{SlideOnBackend.posterMinimumHeight('1', PageBuilderMinHeightProperty_200px.value)}}" stepKey="seeMinimumHeightCMSBlockStage"/>
132+
<actionGroup ref="validateContentTypeHeightEqualToMinHeightPlusPaddingAndBorder" stepKey="validateHeightCMSBlockStage">
133+
<argument name="content" value="{{SlideOnBackend.wrapperCSS}}"/>
134+
<argument name="minHeight" value="{{PageBuilderMinHeightProperty_200px.intValue}}"/>
135+
</actionGroup>
136+
<actionGroup ref="validateBackgroundAttributesWithNoImageForSlide" stepKey="validateBackgroundAttributesCMSBlockStage">
137+
<argument name="section" value="SlideOnBackend"/>
138+
<argument name="backgroundColor" value="PageBuilderBackgroundColor_Plaintext_Green"/>
139+
<argument name="backgroundPosition" value="PageBuilderBackgroundPosition_Center"/>
140+
<argument name="backgroundSize" value="PageBuilderBackgroundSize_Auto"/>
141+
<argument name="backgroundRepeat" value="PageBuilderBackgroundRepeat_Enabled"/>
142+
<argument name="backgroundAttachment" value="PageBuilderBackgroundAttachment_Fixed"/>
143+
</actionGroup>
144+
<actionGroup ref="validateBackgroundImage" stepKey="validateBackgroundImageCMSBlockStage">
145+
<argument name="section" value="SlideOnBackend"/>
146+
<argument name="backgroundImage" value="PageBuilderBackgroundMobileImage_GIF"/>
147+
</actionGroup>
148+
<seeElement selector="{{SlideOnBackend.messageContent('1', PageBuilderSlideItemContent_Slide1.value)}}" stepKey="seeMessageContentCMSBlockStage"/>
149+
<seeElementInDOM selector="{{SlideOnBackend.button('1')}}" stepKey="seeButtonInDOMCMSBlockStage"/>
150+
<dontSeeElement selector="{{SlideOnBackend.button('1')}}" stepKey="dontSeeButtonCMSBlockStage"/>
151+
<seeElement selector="{{SlideOnBackend.transparentOverlay('1')}}" stepKey="seeTransparentOverlayCMSBlockStage"/>
152+
<moveMouseOver selector="{{SlideOnBackend.appearance('1', PageBuilderAppearance_Poster.value)}}" stepKey="moveMouseOverSlideCMSBlockStage"/>
153+
<seeElement selector="{{SlideOnBackend.button('1')}}" stepKey="seeButtonOnHoverCMSBlockStage"/>
154+
<seeElement selector="{{SlideOnBackend.buttonText('1', PageBuilderSlideItemButtonText_Common.value)}}" stepKey="seeButtonTextOnHoverCMSBlockStage"/>
155+
<seeElement selector="{{SlideOnBackend.buttonType('1', PageBuilderSlideItemButtonType_Secondary.value)}}" stepKey="seeButtonTypeOnHoverCMSBlockStage"/>
156+
<seeElement selector="{{SlideOnBackend.overlayBackgroundColor('1', PageBuilderSlideItemOverlayColor_Blue_Opaque.value)}}" stepKey="seeOverlayOnHoverCMSBlockStage"/>
157+
<executeJS function="return {{SlideOnBackend.overlayJS('1')}}.getBoundingClientRect().left" stepKey="overlayLeftPositionCMSBlockStage"/>
158+
<executeJS function="return document.evaluate(&quot;{{SlideOnBackend.button('1')}}&quot;, document.body).iterateNext().getBoundingClientRect().left" stepKey="buttonLeftPositionCMSBlockStage"/>
159+
<executeJS function="return Math.abs(Math.round({$buttonLeftPositionCMSBlockStage}-{$overlayLeftPositionCMSBlockStage}-{{PageBuilderPaddingProperty40.paddingLeft}}))" stepKey="buttonMinusOverlayMinusPaddingCMSBlockStage"/>
160+
<assertLessThanOrEqual stepKey="assertButtonLeftAlignedCMSBlockStage">
161+
<expectedResult type="int">5</expectedResult>
162+
<actualResult type="variable">buttonMinusOverlayMinusPaddingCMSBlockStage</actualResult>
163+
</assertLessThanOrEqual>
164+
<executeJS function="return window.getComputedStyle({{SlideOnBackend.wrapperJS('1')}}).textAlign" stepKey="grabDefaultComputedTextAlignCMSBlockStage"/>
165+
<assertEquals stepKey="assertDefaultComputedTextAlignCMSBlockStage">
166+
<expectedResult type="string">{{PageBuilderAdvancedAlignmentPropertyLeft.value}}</expectedResult>
167+
<actualResult type="variable">grabDefaultComputedTextAlignCMSBlockStage</actualResult>
168+
</assertEquals>
119169
<!-- Validate CMS Block Stage Mobile -->
120170
<actionGroup ref="AdminSwitchPageBuilderViewportActionGroup" stepKey="switchToMobileViewportForValidateBlock">
121171
<argument name="viewportButton" value="mobile"/>

0 commit comments

Comments
 (0)