Skip to content

Commit d2db35c

Browse files
committed
#514: User sees content snapshot on Category Page in Admin Panel - PageBuilderContentSnapshotFullScreenTest, Category Page mftf.
1 parent 13b79d1 commit d2db35c

File tree

2 files changed

+89
-0
lines changed

2 files changed

+89
-0
lines changed

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@
1818
<element name="enabled" type="button" selector="//div[not(contains(@class, '_disabled'))]/div[contains(@class, 'pagebuilder-wysiwyg-wrapper')]/div[@class='pagebuilder-stage-wrapper']"/>
1919
<element name="disabled" type="button" selector="//div[contains(@class, '_disabled')]/div[contains(@class, 'pagebuilder-wysiwyg-wrapper')]/div[@class='pagebuilder-stage-wrapper']"/>
2020
<element name="stageWrapperFullScreen" type="button" selector="div.pagebuilder-stage-wrapper.stage-full-screen"/>
21+
<element name="stageOverlay" type="button" selector="div.pagebuilder-wysiwyg-overlay"/>
22+
<element name="stageOverlayOnHover" type="button" selector="div.pagebuilder-wysiwyg-overlay._hover"/>
2123
<element name="stageWidthJS" type="button" selector="document.querySelector('div[class~=\'root-container-container\']').clientWidth"/>
2224
<element name="modal" type="text" selector="aside.modal-popup._show"/>
2325
<element name="modalOk" type="button" selector="aside.modal-popup._show button.action-primary.action-accept"/>
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
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="PageBuilderContentSnapshotFullScreenTest">
11+
<annotations>
12+
<features value="PageBuilder"/>
13+
<stories value="Content Snapshot"/>
14+
<title value="Verify PageBuilder Content Snapshot"/>
15+
<description value="This test is to ensure that the PageBuilder Content Snapshot appears on stage and PageBuilder works in full-screen mode."/>
16+
<severity value="AVERAGE"/>
17+
<group value="pagebuilder"/>
18+
<group value="pagebuilder-contentSnapshot"/>
19+
</annotations>
20+
<before>
21+
<actionGroup ref="AdminLoginActionGroup" stepKey="loginAsAdmin"/>
22+
<createData entity="_defaultCategory" stepKey="createPreReqCategory"/>
23+
<actionGroup ref="NavigateToCreatedCategoryActionGroup" stepKey="navigateToAPageWithPageBuilder">
24+
<argument name="Category" value="$$createPreReqCategory$$"/>
25+
</actionGroup>
26+
<actionGroup ref="expandAdminCategorySection" stepKey="switchToPageBuilderStage"/>
27+
</before>
28+
<after>
29+
<deleteData createDataKey="createPreReqCategory" before="logout" stepKey="deleteCreatedCategory"/>
30+
<actionGroup ref="AdminLogoutActionGroup" stepKey="logout"/>
31+
</after>
32+
<!-- See Edit with Page Builder button -->
33+
<waitForElementVisible selector="{{PageBuilderCategoryAttribute.PageBuilderArea('description')}}" stepKey="waitForEditWithPageBuilderButton"/>
34+
<!-- Verify Stage Empty -->
35+
<actionGroup ref="verifyEmptyStage" stepKey="verifyEmptyStage"/>
36+
<!-- Verify Empty Preview Message is on Stage-->
37+
<see selector="{{RowOnStage.base('1')}}" userInput="Drag content types or columns here" stepKey="seeEmptyPreviewMessageOnStage"/>
38+
<!-- Verify no PageBuilder Content Type Panel -->
39+
<dontSeeElementInDOM selector="{{PageBuilderPanel.leftPanel}}" stepKey="dontSeePageBuilderContentTypePanelOnStage"/>
40+
<!-- Verify no Apply Template and Save as Template buttons -->
41+
<actionGroup ref="verifyNoPageBuilderSaveOrApplyTemplateButtons" stepKey="verifyNoPageBuilderSaveOrApplyTemplateButtonsOnStage"/>
42+
<!-- Verify Overlay -->
43+
<moveMouseOver selector="{{PageBuilderStage.stageOverlay}}" stepKey="mouseOverWYSIWYGOverlayOnStage"/>
44+
<waitForElementVisible selector="{{PageBuilderStage.stageOverlayOnHover}}" stepKey="waitForWYSIWYGOverlayOnStageHover"/>
45+
<!-- Verify full screen mode -->
46+
<click selector="{{PageBuilderStage.stageOverlay}}" stepKey="clickOnWYSIWYGOverlayOnStage"/>
47+
<waitForPageLoad stepKey="waitForFullScreenAnimation"/>
48+
<waitForPageLoad stepKey="waitForPageLoadPageBuilder"/>
49+
<waitForElementVisible selector="{{PageBuilderPanel.layoutMenuSection}}" stepKey="waitForPageBuilderVisible"/>
50+
<waitForElementVisible selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen"/>
51+
<!-- Verify Empty Row -->
52+
<actionGroup ref="verifyEmptyStage" stepKey="verifyFullScreenEmptyRow"/>
53+
<!-- Add Button to Row -->
54+
<actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSection">
55+
<argument name="contentType" value="PageBuilderButtonsContentType"/>
56+
</actionGroup>
57+
<actionGroup ref="dragContentTypeToStage" stepKey="dragContentTypeToStage">
58+
<argument name="contentType" value="PageBuilderButtonsContentType"/>
59+
</actionGroup>
60+
<!-- Exit full screen -->
61+
<actionGroup ref="exitPageBuilderFullScreen" stepKey="exitFullScreen"/>
62+
<!-- Verify PageBuilder Button Content Type is on Stage -->
63+
<seeElementInDOM selector="{{ButtonItemOnStage.emptyButtonItemElement('1')}}" stepKey="seePageBuilderButtonsContentTypeEmpty"/>
64+
<!-- Verify no Empty Preview Message on Stage -->
65+
<dontSeeElementInDOM selector="{{RowOnStage.empty('1')}}" stepKey="dontSeeEmptyPreviewMessageOnStage"/>
66+
<!-- Verify no PageBuilder Content Type Panel -->
67+
<dontSeeElementInDOM selector="{{PageBuilderPanel.leftPanel}}" stepKey="dontSeePageBuilderContentTypePanel"/>
68+
<!-- Verify no Apply Template and Save as Template buttons -->
69+
<actionGroup ref="verifyNoPageBuilderSaveOrApplyTemplateButtons" stepKey="verifyNoPageBuilderSaveOrApplyTemplateButtons"/>
70+
<!-- Verify Overlay after hover over preview outside of button -->
71+
<moveMouseOver selector="{{PageBuilderStage.stageOverlay}}" stepKey="mouseOverWYSIWYGOverlay"/>
72+
<waitForElementVisible selector="{{PageBuilderStage.stageOverlayOnHover}}" stepKey="waitForWYSIWYGOverlayHover"/>
73+
<!-- Verify Overlay after hover over button in preview -->
74+
<moveMouseOver selector="{{PageBuilderStage.contentTypeInStage(PageBuilderButtonsContentType.role)}}" stepKey="mouseOverPageBuilderButtonsContentTypeEmpty"/>
75+
<waitForElementVisible selector="{{PageBuilderStage.stageOverlayOnHover}}" stepKey="waitForWYSIWYGOverlayHoverVisible"/>
76+
<!-- Verify PageBuilder Button has no option menu -->
77+
<actionGroup ref="validateOnHoverNoOptionMenu" stepKey="verifyPageBuilderButtonsHasNoOptionMenu">
78+
<argument name="contentType" value="PageBuilderButtonsContentType"/>
79+
</actionGroup>
80+
<!-- Verify full screen mode -->
81+
<click selector="{{PageBuilderStage.stageOverlay}}" stepKey="clickOnWYSIWYGOverlay"/>
82+
<waitForPageLoad stepKey="waitForFullScreenAnimation2"/>
83+
<waitForPageLoad stepKey="waitForPageLoadPageBuilder2"/>
84+
<waitForElementVisible selector="{{PageBuilderPanel.layoutMenuSection}}" stepKey="waitForPageBuilderVisible2"/>
85+
<waitForElementVisible selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen2"/>
86+
</test>
87+
</tests>

0 commit comments

Comments
 (0)