#637: Form field/field group viewport scope - initial commit for functional tests adding new action groups and section

Author: yolouiese

app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/EditFormActionGroup/ValidateMobileIconTooltipInContentTypeEditFormActionGroup.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ /**
+  * Copyright © Magento, Inc. All rights reserved.
+  * See COPYING.txt for license details.
+  */
+-->
+<actionGroups xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+              xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/actionGroupSchema.xsd">
+    <actionGroup name="ValidateMobileIconTooltipInContentTypeEditFormActionGroup">
+        <waitForElementVisible selector="{{PageBuilderViewportFormSection.mobileIcon}}" stepKey="verifyMobileIconInEditFormIsVisible"/>
+        <moveMouseOver selector="{{PageBuilderViewportFormSection.mobileIconTooltip}}" stepKey="mouseOverMobileIconTooltipInEditForm"/>
+        <waitForElementVisible selector="{{PageBuilderViewportFormSection.mobileIconTooltipContent}}" stepKey="verifyMobileIconTooltipContentInEditFormIsVisible"/>
+        <waitForText userInput="Style changes will only affect this breakpoint" stepKey="verifyMobileIconTooltipTextInEditForm"/>
+    </actionGroup>
+</actionGroups>

app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/EditFormActionGroup/ValidateMobileIconTooltipNotVisibleInEditFormActionGroup.xml

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ /**
+  * Copyright © Magento, Inc. All rights reserved.
+  * See COPYING.txt for license details.
+  */
+-->
+<actionGroups xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+              xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/actionGroupSchema.xsd">
+    <actionGroup name="ValidateMobileIconTooltipNotVisibleInEditFormActionGroup">
+        <dontSeeElementInDOM selector="{{PageBuilderViewportFormSection.mobileIcon}}" stepKey="verifyMobileIconInEditFormIsNotVisible"/>
+        <dontSeeElementInDOM selector="{{PageBuilderViewportFormSection.mobileIconTooltipContent}}" stepKey="verifyMobileIconTooltipContentInEditFormIsNotVisible"/>
+    </actionGroup>
+</actionGroups>

app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderEditFormSection/PageBuilderViewportFormSection.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ /**
+  * Copyright © Magento, Inc. All rights reserved.
+  * See COPYING.txt for license details.
+  */
+-->
+<sections xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+          xsi:noNamespaceSchemaLocation="urn:magento:mftf:Page/etc/SectionObject.xsd">
+    <section name="PageBuilderViewportFormSection">
+        <!-- Mobile Icon -->
+        <element name="mobileIcon" type="text" selector="//div[contains(@class,'admin__field-min-height')]//div[contains(@class,'_with-tooltip')]//div[contains(@class,'admin__field-tooltip')]//a[contains(@class,'admin__field-tooltip-action')]"/>
+        <!-- Mobile Icon Tooltip -->
+        <element name="mobileIconTooltip" type="text" selector="//div[contains(@class,'admin__field-min-height')]//div[contains(@class,'_with-tooltip')]//div[contains(@class,'admin__field-tooltip')]"/>
+        <element name="mobileIconTooltipContent" type="text" selector="//div[contains(@class,'admin__field-min-height')]//div[contains(@class,'_with-tooltip')]//div[contains(@class,'admin__field-tooltip')]//div[contains(@class,'admin__field-tooltip-content')]"/>
+    </section>
+</sections>