Skip to content

Commit 4a8586a

Browse files
author
Cari Spruiell
committed
MC-2374: Create MFTF Tests
 - add tests for CMS page, category, and product with full width page layout
1 parent 65db0a7 commit 4a8586a

File tree

3 files changed

+174
-0
lines changed

3 files changed

+174
-0
lines changed

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

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,4 +13,62 @@
1313
<comment userInput="PageBuilder is enabled so check default is full width" stepKey="commentSeeCategoryFullWidth" before="seeNoLayoutUpdatesSelected" />
1414
<seeOptionIsSelected selector="{{DefaultLayoutsSection.categoryLayout}}" userInput="{{PageBuilderFullWidthLayout.category}}" stepKey="seeNoLayoutUpdatesSelected" />
1515
</test>
16+
<test name="AdminCreateCategoryWithPageBuilderDescriptionTest">
17+
<annotations>
18+
<features value="PageBuilder"/>
19+
<stories value="Full Width Page Layout"/>
20+
<title value="Category description should display in full width"/>
21+
<description value="Category description should display in full width"/>
22+
<severity value="MAJOR"/>
23+
<testCaseId value="MC-3075"/>
24+
<group value="pagebuilder"/>
25+
<group value="pagebuilder-fullwidth"/>
26+
</annotations>
27+
<before>
28+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
29+
</before>
30+
<after>
31+
<amOnPage url="admin/admin/auth/logout/" stepKey="amOnLogoutPage"/>
32+
</after>
33+
<amOnPage url="{{AdminCategoryPage.url}}" stepKey="navigateToCategoryPage"/>
34+
<click selector="{{AdminCategorySidebarActionSection.AddSubcategoryButton}}" stepKey="clickOnAddSubCategory"/>
35+
<fillField selector="{{AdminCategoryBasicFieldSection.CategoryNameInput}}" userInput="{{SimpleSubCategory.name}}" stepKey="enterCategoryName"/>
36+
<click selector="{{AdminCategorySEOSection.SectionHeader}}" stepKey="openSEO"/>
37+
<fillField selector="{{AdminCategorySEOSection.UrlKeyInput}}" userInput="{{SimpleSubCategory.name_lwr}}" stepKey="enterURLKey"/>
38+
<!-- Add PageBuilder description -->
39+
<comment userInput="Add PageBuilder description" stepKey="commentAddDescription"/>
40+
<click selector="{{AdminCategoryContentSection.sectionHeader}}" stepKey="openContentSection"/>
41+
<waitForElementVisible selector="{{PageBuilderCatalog.openPageBuilder}}" stepKey="waitForPageBuilderBtn" />
42+
<see userInput="Edit with Page Builder" stepKey="seePageBuilderBtn"/>
43+
<click selector="{{PageBuilderCatalog.openPageBuilder}}" stepKey="clickOnPageBuilderBtn" />
44+
<waitForElementVisible selector="{{PageBuilderPanel.generalGroup}}" stepKey="waiForPageBuilderVisible" />
45+
<seeElement selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen" />
46+
<comment userInput="Set background color of row" stepKey="commentSetRowBackgroundColor"/>
47+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
48+
<argument name="contentType" value="PageBuilderRowContentType"/>
49+
</actionGroup>
50+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterBackgroundColor">
51+
<argument name="property" value="PageBuilderBackgroundColor_HSV_Orange"/>
52+
</actionGroup>
53+
<actionGroup ref="saveEditPanelSettingsFullScreen" stepKey="saveEditPanelSettings"/>
54+
<actionGroup ref="dragContentTypeToStage" stepKey="dragHeadingOntoStage">
55+
<argument name="contentType" value="PageBuilderHeadingContentType"/>
56+
</actionGroup>
57+
<comment userInput="Add heading to stage" stepKey="commentAddHeadingToStage"/>
58+
<actionGroup ref="enterHeadingOnStage" stepKey="enterHeadingOnStage">
59+
<argument name="headingText" value="PageBuilderHeadingTextProperty"/>
60+
</actionGroup>
61+
<click selector="{{PageBuilderStage.exitFullScreen}}" stepKey="exitPageBuilderFullScreen" />
62+
<click selector="{{AdminCategoryMainActionsSection.SaveButton}}" stepKey="saveCategory"/>
63+
<seeElement selector="{{AdminCategoryMessagesSection.SuccessMessage}}" stepKey="assertSuccess"/>
64+
<!-- Literal URL below, need to refactor line + StorefrontCategoryPage when support for variable URL is implemented-->
65+
<amOnPage url="/{{SimpleSubCategory.name_lwr}}.html" stepKey="goToCategoryFrontPage"/>
66+
<seeInTitle userInput="{{SimpleSubCategory.name}}" stepKey="assertTitle"/>
67+
<see selector="{{StorefrontCategoryMainSection.CategoryTitle}}" userInput="{{SimpleSubCategory.name_lwr}}" stepKey="assertInfo1"/>
68+
<!-- Check that description is full width -->
69+
<comment userInput="Check that description is full width" stepKey="commentSeeDescriptionFullWidth"/>
70+
<executeJS function="return document.querySelector('[data-role=row]').clientWidth" stepKey="rowWidth"/>
71+
<executeJS function="return document.querySelector('[class=page-wrapper]').clientWidth" stepKey="pageWidth"/>
72+
<assertEquals expected="pageWidth" expectedType="variable" actual="rowWidth" actualType="variable" stepKey="assertRowWidth100Percent" />
73+
</test>
1674
</tests>

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

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,4 +23,52 @@
2323
<seeOptionIsSelected selector="{{DefaultLayoutsSection.productLayout}}" userInput="{{PageBuilderFullWidthLayout.product}}" stepKey="seeNoLayoutUpdatesSelected1" />
2424
<seeOptionIsSelected selector="{{DefaultLayoutsSection.categoryLayout}}" userInput="{{PageBuilderFullWidthLayout.category}}" stepKey="seeNoLayoutUpdatesSelected2" />
2525
</test>
26+
<test name="AdminCreateCMSPageFullWidthLayout">
27+
<annotations>
28+
<features value="PageBuilder"/>
29+
<stories value="Full Width Page Layout"/>
30+
<title value="Create CMS Page with full page layout"/>
31+
<description value="Create CMS Page with full page layout"/>
32+
<severity value="MAJOR"/>
33+
<testCaseId value="MC-3092"/>
34+
<group value="run"/>
35+
<group value="pagebuilder-fullwidth"/>
36+
</annotations>
37+
<before>
38+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
39+
<actionGroup ref="navigateToAPageWithPageBuilder" stepKey="navigateToAPageWithPageBuilder"/>
40+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/>
41+
</before>
42+
<after>
43+
<actionGroup ref="logout" stepKey="logout"/>
44+
</after>
45+
<actionGroup ref="addPageBuilderPageTitle" stepKey="enterPageTitle">
46+
<argument name="contentType" value="PageBuilderRowContentType"/>
47+
</actionGroup>
48+
<comment userInput="Set background color of row" stepKey="commentSetRowBackgroundColor"/>
49+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
50+
<argument name="contentType" value="PageBuilderRowContentType"/>
51+
</actionGroup>
52+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterBackgroundColor">
53+
<argument name="property" value="PageBuilderBackgroundColor_HSV_Orange"/>
54+
</actionGroup>
55+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings"/>
56+
<actionGroup ref="dragContentTypeToStage" stepKey="dragHeadingOntoStage">
57+
<argument name="contentType" value="PageBuilderHeadingContentType"/>
58+
</actionGroup>
59+
<comment userInput="Add heading to stage" stepKey="commentAddHeadingToStage"/>
60+
<actionGroup ref="enterHeadingOnStage" stepKey="enterHeadingOnStage">
61+
<argument name="headingText" value="PageBuilderHeadingTextProperty"/>
62+
</actionGroup>
63+
<actionGroup ref="saveAndContinueEditCmsPage" stepKey="saveAndContinueEditCmsPage"/>
64+
<!-- Check that description is full width on storefront -->
65+
<comment userInput="Check that description is full width on storefront" stepKey="commentSeeDescriptionFullWidth"/>
66+
<actionGroup ref="navigateToStoreFront" stepKey="navigateToStoreFront">
67+
<argument name="contentType" value="PageBuilderRowContentType"/>
68+
</actionGroup>
69+
<executeJS function="return document.querySelector('[data-role=row]').clientWidth" stepKey="rowWidth"/>
70+
<executeJS function="return document.querySelector('[class=page-wrapper]').clientWidth" stepKey="pageWidth"/>
71+
<assertEquals expected="pageWidth" expectedType="variable" actual="rowWidth" actualType="variable" stepKey="assertRowWidth100Percent" />
72+
73+
</test>
2674
</tests>

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

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
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+
9+
<tests xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
10+
xsi:noNamespaceSchemaLocation="../../../../../../../dev/tests/acceptance/vendor/magento/magento2-functional-testing-framework/src/Magento/FunctionalTestingFramework/Test/etc/testSchema.xsd">
11+
<test name="AdminCreateProductWithPageBuilderDescriptionTest">
12+
<annotations>
13+
<features value="PageBuilder"/>
14+
<stories value="Full Width Page Layout"/>
15+
<title value="Product description should display in full width"/>
16+
<description value="Product description should display in full width"/>
17+
<severity value="MAJOR"/>
18+
<testCaseId value="MC-3090"/>
19+
<group value="pagebuilder"/>
20+
<group value="pagebuilder-fullwidth"/>
21+
</annotations>
22+
<before>
23+
<createData entity="_defaultCategory" stepKey="createPreReqCategory"/>
24+
</before>
25+
<after>
26+
<amOnPage url="admin/admin/auth/logout/" stepKey="amOnLogoutPage"/>
27+
<deleteData createDataKey="createPreReqCategory" stepKey="deletePreReqCategory"/>
28+
</after>
29+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
30+
<actionGroup ref="FillAdminSimpleProductForm" stepKey="fillProductFieldsInAdmin">
31+
<argument name="category" value="$$createPreReqCategory$$"/>
32+
<argument name="simpleProduct" value="_defaultProduct"/>
33+
</actionGroup>
34+
<!-- Add PageBuilder description -->
35+
<comment userInput="Add PageBuilder description" stepKey="commentAddDescription"/>
36+
<click selector="{{AdminProductContentSection.sectionHeader}}" stepKey="openContentSection"/>
37+
<waitForElementVisible selector="{{PageBuilderCatalog.openPageBuilder}}" stepKey="waitForPageBuilderBtn" />
38+
<see userInput="Edit with Page Builder" stepKey="seePageBuilderBtn"/>
39+
<click selector="{{PageBuilderCatalog.openPageBuilder}}" stepKey="clickOnPageBuilderBtn" />
40+
<waitForElementVisible selector="{{PageBuilderPanel.generalGroup}}" stepKey="waiForPageBuilderVisible" />
41+
<seeElement selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen" />
42+
<comment userInput="Set background color of row" stepKey="commentSetRowBackgroundColor"/>
43+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
44+
<argument name="contentType" value="PageBuilderRowContentType"/>
45+
</actionGroup>
46+
<actionGroup ref="fillSlideOutPanelFieldGeneral" stepKey="enterBackgroundColor">
47+
<argument name="property" value="PageBuilderBackgroundColor_HSV_Orange"/>
48+
</actionGroup>
49+
<actionGroup ref="saveEditPanelSettingsFullScreen" stepKey="saveEditPanelSettings"/>
50+
<actionGroup ref="dragContentTypeToStage" stepKey="dragHeadingOntoStage">
51+
<argument name="contentType" value="PageBuilderHeadingContentType"/>
52+
</actionGroup>
53+
<comment userInput="Add heading to stage" stepKey="commentAddHeadingToStage"/>
54+
<actionGroup ref="enterHeadingOnStage" stepKey="enterHeadingOnStage">
55+
<argument name="headingText" value="PageBuilderHeadingTextProperty"/>
56+
</actionGroup>
57+
<click selector="{{PageBuilderStage.exitFullScreen}}" stepKey="exitPageBuilderFullScreen" />
58+
<click selector="{{AdminProductFormActionSection.saveButton}}" stepKey="saveProduct"/>
59+
<seeElement selector="{{AdminProductMessagesSection.successMessage}}" stepKey="assertSaveMessageSuccess"/>
60+
<amOnPage url="{{_defaultProduct.urlKey}}.html" stepKey="navigateToProductPage"/>
61+
<waitForPageLoad stepKey="waitForPageLoad2"/>
62+
<!-- Check that description is full width -->
63+
<comment userInput="Check that description is full width" stepKey="commentSeeDescriptionFullWidth"/>
64+
<executeJS function="return document.querySelector('[data-role=row]').clientWidth" stepKey="rowWidth"/>
65+
<executeJS function="return document.querySelector('[class=page-wrapper]').clientWidth" stepKey="pageWidth"/>
66+
<assertEquals expected="pageWidth" expectedType="variable" actual="rowWidth" actualType="variable" stepKey="assertRowWidth100Percent" />
67+
</test>
68+
</tests>

0 commit comments

Comments
 (0)