MC-855: Pagebuilder - Tab Minimum Height Displays Differently On Stage & Storefront

Author: omiroshnichenko

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

@@ -237,4 +237,28 @@
         <data key="fieldName">background_attachment</data>
         <data key="value">fixed</data>
     </entity>
+    <entity name="PageBuilderTabDefaultPaddingTopProperty" type="pagebuilder_padding_top_property">
+        <data key="name">Padding Top</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">paddingTop</data>
+        <data key="value">40</data>
+    </entity>
+    <entity name="PageBuilderTabDefaultPaddingRightProperty" type="pagebuilder_padding_right_property">
+        <data key="name">Padding Right</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">paddingRight</data>
+        <data key="value">40</data>
+    </entity>
+    <entity name="PageBuilderTabDefaultPaddingLeftProperty" type="pagebuilder_padding_left_property">
+        <data key="name">Padding Left</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">paddingLeft</data>
+        <data key="value">40</data>
+    </entity>
+    <entity name="PageBuilderTabDefaultPaddingBottomProperty" type="pagebuilder_padding_bottom_property">
+        <data key="name">Padding Bottom</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">paddingBottom</data>
+        <data key="value">40</data>
+    </entity>
 </entities>

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

@@ -599,9 +599,10 @@
         <seeElement selector="{{TabOnStorefront.tabContentBackgroundColor('2', PageBuilderTabBackgroundColorGreen.rgb)}}" stepKey="seeTab2BackgroundColor"/>
         <seeElement selector="{{TabOnStorefront.tabContentMinimumHeight('2', PageBuilderTabMinimumHeight600Property.value)}}" stepKey="seeTab2MinHeight"/>
         <comment userInput="User sees Tab 2 with height that equals to sum of min-height + paddingTop + paddingBottom" stepKey="verifyMinHeight"/>
+        <executeJS function="return {{PageBuilderTabMinimumHeight600Property.value}} + {{PageBuilderTabDefaultPaddingTopProperty.value}} + {{PageBuilderTabDefaultPaddingBottomProperty.value}}" stepKey="tab2ExpectedHeight"/>
         <executeJS function="return document.querySelector('{{TabOnStorefront.tabContent('2')}}').offsetHeight" stepKey="tab2Height"/>
         <assertEquals stepKey="assertTabMinHeight">
-            <expectedResult type="variable">680</expectedResult>
+            <expectedResult type="variable">tab2ExpectedHeight</expectedResult>
             <actualResult type="variable">tab2Height</actualResult>
         </assertEquals>
     </test>