MC-4254: Text Height Inconsistency On Stage & Storefront

 - tweak test

Author: cspruiell

app/code/Magento/PageBuilder/Test/Mftf/ActionGroup/StageActionGroup.xml

@@ -112,6 +112,15 @@
         <waitForPageLoad stepKey="waitForPageLoad"/>
         <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="loseFocusFromEditor"/>
     </actionGroup>
+    <actionGroup name="inlineEditTextWYSIWYGFromStage">
+        <arguments>
+            <argument name="content" type="string"/>
+            <argument name="index" defaultValue="1" type="string"/>
+        </arguments>
+        <click selector="{{TextOnStage.tinymce(index)}}" stepKey="focusOnEditorArea"/>
+        <pressKey selector="{{TextOnStage.tinymce(index)}}" userInput="{{content}}" stepKey="fillTextToTinyMCE4"/>
+        <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="loseFocusFromEditor"/>
+    </actionGroup>
     <actionGroup name="inlineEditTextAreaFromStage">
         <arguments>
             <argument name="contentType"/>

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

@@ -2640,21 +2640,21 @@
         </actionGroup>
         <!--Input text into stage-->
         <comment userInput="Input text into stage" stepKey="commentInputTextIntoStage"/>
-        <click selector="{{TextOnStage.tinymce('1')}}" stepKey="focusOnEditorArea"/>
-        <pressKey selector="{{TextOnStage.tinymce('1')}}" userInput="{{PageBuilderTextProperty.value}}" stepKey="fillTextToTinyMCE4"/>
-        <click selector="{{PageBuilderPanel.searchPanel}}" stepKey="lostFocusFromWYSIWYG1"/>
+        <actionGroup ref="inlineEditTextWYSIWYGFromStage" stepKey="inlineEdit">
+            <argument name="content" value="{{PageBuilderTextProperty.value}}"/>
+        </actionGroup>
         <executeJS function="return document.evaluate(&quot;{{TextOnStage.base('1'))}}&quot;, document.body).iterateNext().offsetHeight;" stepKey="getTextOnStageHeight"/>
         <actionGroup ref="saveAndContinueEditCmsPage" stepKey="saveAndContinueEditCmsPage2"/>
-        <actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage2"/>
         <!--Get storefront information-->
         <comment userInput="Get storefront information" stepKey="commentGetStorefrontInformation"/>
         <amOnPage url="$$createCMSPage.identifier$$" stepKey="amOnPageTestPage"/>
         <waitForPageLoad stepKey="waitForStorefront"/>
         <waitForElement selector="{{TextOnStorefront.base('1')}}" stepKey="waitForTextOnStorefront"/>
         <executeJS function="return document.evaluate(&quot;{{TextOnStorefront.base('1'))}}&quot;, document.body).iterateNext().offsetHeight;" stepKey="getTextOnStorefrontHeight"/>
-        <executeJS function="return Math.abs({$getTextOnStageHeight} - ${getTextOnStorefrontHeight}) &lt;= 2" stepKey="getStageAndStorefrontHeightDifference"/>
-        <assertTrue stepKey="assertStageAndStorefrontHeightAreClose">
+        <executeJS function="return Math.abs({$getTextOnStageHeight} - {$getTextOnStorefrontHeight})" stepKey="getStageAndStorefrontHeightDifference"/>
+        <assertLessThanOrEqual stepKey="assertStageAndStorefrontHeightAreClose">
+            <expectedResult type="int">2</expectedResult>
             <actualResult type="variable">getStageAndStorefrontHeightDifference</actualResult>
-        </assertTrue>
+        </assertLessThanOrEqual>
     </test>
 </tests>