MC-1364: Automate MFTF for MC-1364

Author: kieuphan2406

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderCommonTest.xml

@@ -1280,9 +1280,10 @@
             <features value="PageBuilder"/>
             <stories value="Always Render Magento directives on Magento Storefront for Product"/>
             <title value="Always Render Magento directives on Magento Storefront for Product"/>
-            <description value="Admin are able to add CMS Page link and image into PageBuilder content and see it Product Page"/>
+            <description value="Admin are able to add CMS Page link, image, variable, widget into PageBuilder content and see it Product Page"/>
             <severity value="CRITICAL"/>
             <useCaseId value="MC-1364"/>
+            <testCaseId value="MC-3174 "/>
             <group value="pagebuilder"/>
             <group value="pagebuilder-common"/>
             <group value="pagebuilder-urlInput"/>
@@ -1305,6 +1306,7 @@
             <waitForPageLoad stepKey="waitForAdminLoginPageLoad"/>
         </after>
         <!--Go to Product Page-->
+        <comment userInput="Go to Product Page" stepKey="goToProductPage"/>
         <amOnPage url="{{AdminProductEditPage.url($$createPreReqProduct.id$$)}}" stepKey="goToEditPage"/>
         <waitForPageLoad stepKey="waitForProductPageBeLoaded"/>
         <click selector="{{AdminProductFormSection.contentTab}}" stepKey="clickContentTab"/>
@@ -1314,6 +1316,8 @@
         <!--See PageBuilder fullsize-->
         <waitForElementVisible selector="{{PageBuilderPanel.generalGroup}}" stepKey="waiForPageBuilderVisible" />
         <seeElement selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen" />
+        <!--Add button into PageBuilder-->
+        <comment userInput="Add button into PageBuilder" stepKey="addButtonIntoPageBuilder"/>
         <dragAndDrop selector1="{{PageBuilderPanel.draggableContentTypeInPanel(PageBuilderButtonsContentType.name)}}" selector2="{{PageBuilderStage.dropAreaInStage}}" stepKey="dropContentTypeIntoStage"/>
         <actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage1">
             <argument name="section" value="ButtonItemOnStage"/>
@@ -1324,6 +1328,8 @@
             <argument name="searchResult" value="$$createCMSPageA.title$$"/>
         </actionGroup>
         <actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings1"/>
+        <!--Add image into PageBuilder-->
+        <comment userInput="Add image into PageBuilder" stepKey="addImageIntoPageBuilder"/>
         <click selector="{{PageBuilderPanel.mediaGroup}}" stepKey="clickMediaGroup"/>
         <actionGroup ref="dragContentTypeToStage" stepKey="dragImageIntoStage">
             <argument name="contentType" value="PageBuilderImageContentType"/>
@@ -1332,16 +1338,19 @@
             <argument name="property" value="PageBuilderImageProperty_StageJPG"/>
         </actionGroup>
         <waitForElementVisible selector="{{ImageOnStage.imageSourceByIndex('1', PageBuilderImageProperty_StageJPG.fileName)}}" stepKey="seeImage1SourceOnStage"/>
-
         <actionGroup ref="dragContentTypeToStage" stepKey="dragButtonsOntoStage">
             <argument name="contentType" value="PageBuilderTextContentType"/>
         </actionGroup>
         <actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
             <argument name="contentType" value="PageBuilderTextContentType"/>
         </actionGroup>
+        <!--Add variable into Text content-->
+        <comment userInput="Add variable into Text content" stepKey="addVariableIntoTextContent"/>
         <actionGroup ref="addVariableToTinyMCE" stepKey="addVariableToTinyMCE">
             <argument name="variable" value="TinyMCEVariableCountry"/>
         </actionGroup>
+        <!--Add variable into Text content-->
+        <comment userInput="Add widget into Text content" stepKey="addWidgetIntoTextContent"/>
         <actionGroup ref="addPageLinkWidgetToTinyMCE" stepKey="addPageLinkWidgetToTinyMCE">
             <argument name="widget" value="TinyMCEWidgetCMSPageLink"/>
             <argument name="page" value="$$createCMSPageA.identifier$$"/>
@@ -1353,6 +1362,7 @@
         <comment userInput="Verify directives on store front" stepKey="commentVerifyDirectivesOnSlideout"/>
         <amOnPage url="$$createPreReqProduct.name$$.html" stepKey="navigateToProductPage"/>
         <!--Go to storefront to verify Product Link-->
+        <comment userInput="Verify directive link on Storefront" stepKey="verifyDirectiveLinkOnStorefront"/>
         <waitForPageLoad stepKey="waitForPageLoad5"/>
         <scrollTo selector="{{StorefrontProductInfoDetailsSection.detailsTab}}" stepKey="scrollToDetailsTab"/>
         <see userInput="US" stepKey="verifyCountryVariableName" />
@@ -1368,8 +1378,9 @@
             <features value="PageBuilder"/>
             <stories value="Always Render Magento directives on Magento Storefront for Category"/>
             <title value="Always Render Magento directives on Magento Storefront for Category"/>
-            <description value="Admin are able to add CMS Page link and image into PageBuilder content and see it Category Page"/>
+            <description value="Admin are able to add CMS Page link, image, variable, widget into PageBuilder content and see it Category Page"/>
             <severity value="CRITICAL"/>
+            <testCaseId value="MMC-3173"/>
             <useCaseId value="MC-1364"/>
             <group value="pagebuilder"/>
             <group value="pagebuilder-common"/>
@@ -1389,6 +1400,7 @@
             <waitForPageLoad stepKey="waitForAdminLoginPageLoad"/>
         </after>
         <!--Go to Category Page-->
+        <comment userInput="Go to Category Page" stepKey="goToCategoryPage"/>
         <amOnPage url="{{AdminCategoryEditPage.url($$createPreReqCategory.id$$)}}" stepKey="goToCategoryEditPage"/>
         <waitForPageLoad stepKey="waitForProductPageBeLoaded"/>
         <click selector="{{AdminCategoryContentSection.sectionHeader}}" stepKey="clickContentTab"/>
@@ -1398,6 +1410,8 @@
         <!--See PageBuilder fullsize-->
         <waitForElementVisible selector="{{PageBuilderPanel.generalGroup}}" stepKey="waiForPageBuilderVisible" />
         <seeElement selector="{{PageBuilderStage.stageWrapperFullScreen}}" stepKey="seePageBuilderFullSizeScreen" />
+        <!--Add button to PageBuilder-->
+        <comment userInput="Add button to PageBuilder" stepKey="addButtonToPageBuilder"/>
         <dragAndDrop selector1="{{PageBuilderPanel.draggableContentTypeInPanel(PageBuilderButtonsContentType.name)}}" selector2="{{PageBuilderStage.dropAreaInStage}}" stepKey="dropContentTypeIntoStage"/>
         <actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage1">
             <argument name="section" value="ButtonItemOnStage"/>
@@ -1408,6 +1422,8 @@
             <argument name="searchResult" value="$$createCMSPageA.title$$"/>
         </actionGroup>
         <actionGroup ref="saveEditPanelSettingsFullScreen" stepKey="saveEditPanelSettings1"/>
+        <!--Add image to PageBuilder-->
+        <comment userInput="Add image to PageBuilder" stepKey="addImageToPageBuilder"/>
         <click selector="{{PageBuilderPanel.mediaGroup}}" stepKey="clickMediaGroup"/>
         <actionGroup ref="dragContentTypeToStage" stepKey="dragImageIntoStage">
             <argument name="contentType" value="PageBuilderImageContentType"/>
@@ -1422,9 +1438,13 @@
         <actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
             <argument name="contentType" value="PageBuilderTextContentType"/>
         </actionGroup>
+        <!--Add variable to PageBuilder-->
+        <comment userInput="Add variable to PageBuilder" stepKey="addVariableToPageBuilder"/>
         <actionGroup ref="addVariableToTinyMCE" stepKey="addVariableToTinyMCE">
             <argument name="variable" value="TinyMCEVariableCountry"/>
         </actionGroup>
+        <!--Add widget to PageBuilder-->
+        <comment userInput="Add widget to PageBuilder" stepKey="addWidgetToPageBuilder"/>
         <actionGroup ref="addPageLinkWidgetToTinyMCE" stepKey="addPageLinkWidgetToTinyMCE">
             <argument name="widget" value="TinyMCEWidgetCMSPageLink"/>
             <argument name="page" value="$$createCMSPageA.identifier$$"/>
@@ -1436,6 +1456,8 @@
         <click selector="{{AdminCategoryMainActionsSection.SaveButton}}" stepKey="saveCategory"/>
         <waitForPageLoad stepKey="waitForPageLoad2" />
         <comment userInput="Verify directives on category store front" stepKey="commentVerifyDirectivesOnStorefront"/>
+        <!--Go to storefront to verify Category Link-->
+        <comment userInput="Verify directive link on Storefront" stepKey="verifyDirectiveLinkOnStorefront"/>
         <amOnPage url="$$createPreReqCategory.name$$.html" stepKey="navigateToProductPage"/>
         <waitForPageLoad stepKey="waitForPageLoad3" />
         <see userInput="US" stepKey="verifyCountryVariableName" />