#637: Form field/field group viewport scope - added new functional test for tab item

Author: yolouiese

app/code/Magento/PageBuilder/Test/Mftf/Data/TabData.xml

@@ -63,56 +63,79 @@
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">300</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeightEmptyProperty" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value"/>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
+    </entity>
+    <entity name="PageBuilderTabMinimumHeightEmptyContainerProperty" type="pagebuilder_tab_property">
+        <data key="name">Minimum Height</data>
+        <data key="section">general</data>
+        <data key="fieldName">min_height</data>
+        <data key="value">220</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinHeight0Property" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">0</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeight200Property" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">200</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeight300Property" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">300</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
+    </entity>
+    <entity name="PageBuilderTabMinimumHeight500Property" type="pagebuilder_tab_property">
+        <data key="name">Minimum Height</data>
+        <data key="section">general</data>
+        <data key="fieldName">min_height</data>
+        <data key="value">500</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeight600Property" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">600</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeight1000Property" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">1000</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinimumHeightProperty_NonNumeric" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">a</data>
         <data key="errorMessage">Please enter a valid number in this field.</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <entity name="PageBuilderTabMinHeightProperty_Negative1" type="pagebuilder_tab_property">
         <data key="name">Minimum Height</data>
         <data key="section">general</data>
         <data key="fieldName">min_height</data>
         <data key="value">-1</data>
         <data key="errorMessage">Please enter a value greater than or equal to 0.</data>
+        <data key="tooltipText">Style changes will only affect this breakpoint</data>
     </entity>
     <!-- Vertical Alignment -->
     <entity name="PageBuilderTabVerticalAlignmentPropertyTop" type="pagebuilder_tab_property">

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

@@ -281,7 +281,7 @@
             <argument name="expectedProperty" value="{{PageBuilderTabsMinHeightProperty_500.value}}"/>
             <argument name="cssProperty" value="minHeight"/>
         </actionGroup>
-        <executeJS function="return document.evaluate('{{TabOnStorefront.base('1')}}', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.getBoundingClientRect().height" stepKey="firstMinHeightStorefrontMobile"/>
+        <executeJS function="return document.evaluate('{{TabsOnStorefront.base('1')}}', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue.getBoundingClientRect().height" stepKey="firstMinHeightStorefrontMobile"/>
         <assertEquals stepKey="assertFirstMinHeightStorefrontMobile">
             <actualResult type="variable">firstMinHeightStorefrontMobile</actualResult>
             <expectedResult type="string">{{PageBuilderTabsMinHeightProperty_500.value}}</expectedResult>