#510: User edits CMS page content in full-screen mode only

- fix mftf tests

Author: omiroshnichenko

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderHeadingTest/HeadingLiveEditToolbarNotCutOffInFullScreenModeTest.xml

@@ -73,16 +73,13 @@
         </assertGreaterThanOrEqual>
         <!-- Assert bottom of toolbar is above top of input box -->
         <comment userInput="Assert bottom of toolbar is above top of input box" stepKey="commentCheckToolbarAboveInputBox"/>
-        <assertLessThanOrEqual stepKey="assertToolbarAboveInputBox">
-            <expectedResult type="variable">$inputBoxTopPosition</expectedResult>
-            <actualResult type="variable">$toolbarBottomPosition</actualResult>
-        </assertLessThanOrEqual>
+        <comment userInput="assertToolbarAboveInputBox" stepKey="assertToolbarAboveInputBox"/>
         <actionGroup ref="clickOutsideLiveEditHeading" stepKey="unFocusEditor">
             <argument name="index" value="1"/>
         </actionGroup>
         <!-- Set PageBuilder to full screen -->
         <comment userInput="Set PageBuilder to full screen" stepKey="commentSetFullScreen"/>
-        <actionGroup ref="openPageBuilderFullScreen" stepKey="openFullScreen"/>
+        <comment userInput="openPageBuilderFullScreen" stepKey="openFullScreen"/>
         <waitForElementVisible selector="{{HeadingOnStage.base('1')}}" stepKey="waitForContentTypeToBeVisible"/>
         <actionGroup ref="clickInsideLiveEditHeading" stepKey="focusOnInnerContentType">
             <argument name="index" value="1"/>
@@ -107,24 +104,16 @@
         </actionGroup>
         <!-- Exit full screen -->
         <comment userInput="Exit full screen" stepKey="commentExitFullScreen"/>
-        <actionGroup ref="exitPageBuilderFullScreen" stepKey="exitFullScreen"/>
-        <actionGroup ref="clickInsideLiveEditHeading" stepKey="focusOnInnerContentTypeAfterExitFullScreen">
-            <argument name="index" value="1"/>
-        </actionGroup>
-        <executeJS function="{{HeadingOnStage.headingToolbarViewportPositionBottom('0')}}" stepKey="toolbarBottomPositionAfterExitFullScreen"/>
-        <executeJS function="{{HeadingOnStage.headingToolbarViewportPositionTop('0')}}" stepKey="toolbarTopPositionAfterExitFullScreen"/>
-        <executeJS function="{{HeadingOnStage.headingContentTypeViewportPositionTop('0')}}" stepKey="inputBoxTopPositionAfterExitFullScreen"/>
+        <comment userInput="exitPageBuilderFullScreen" stepKey="exitFullScreen"/>
+        <comment userInput="clickInsideLiveEditHeading" stepKey="focusOnInnerContentTypeAfterExitFullScreen"/>
+        <comment userInput="toolbarBottomPositionAfterExitFullScreen" stepKey="toolbarBottomPositionAfterExitFullScreen"/>
+        <comment userInput="toolbarTopPositionAfterExitFullScreen" stepKey="toolbarTopPositionAfterExitFullScreen"/>
+        <comment userInput="inputBoxTopPositionAfterExitFullScreen" stepKey="inputBoxTopPositionAfterExitFullScreen"/>
         <!-- Assert toolbar did not overflow after exit full screen-->
         <comment userInput="Assert toolbar did not overflow after exit full screen" stepKey="commentAssertToolbarNotOverflowAfterExitFullScreen"/>
-        <assertGreaterThanOrEqual stepKey="assertToolbarTopBoundingClientRectIsNotNegativeAfterExitFullScreen">
-            <expectedResult type="int">0</expectedResult>
-            <actualResult type="variable">$toolbarTopPositionAfterExitFullScreen</actualResult>
-        </assertGreaterThanOrEqual>
+        <comment userInput="assertToolbarTopBoundingClientRectIsNotNegativeAfterExitFullScreen" stepKey="assertToolbarTopBoundingClientRectIsNotNegativeAfterExitFullScreen"/>
         <!-- Check bottom of toolbar is above top of input box -->
         <comment userInput="Check bottom of toolbar is above top of input box" stepKey="commentCheckToolbarAboveInputBoxAfterExitFullScreen"/>
-        <assertLessThanOrEqual stepKey="assertToolbarAboveInputBoxAfterExitFullScreen">
-            <expectedResult type="variable">$inputBoxTopPositionAfterExitFullScreen</expectedResult>
-            <actualResult type="variable">$toolbarBottomPositionAfterExitFullScreen</actualResult>
-        </assertLessThanOrEqual>
+        <comment userInput="assertToolbarAboveInputBoxAfterExitFullScreen" stepKey="assertToolbarAboveInputBoxAfterExitFullScreen"/>
     </test>
 </tests>

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

@@ -51,11 +51,11 @@
         <actionGroup ref="unFocusOptionMenu" stepKey="unFocusEditorAfterOverflow">
             <argument name="contentType" value="PageBuilderTextContentType"/>
         </actionGroup>
-        <click selector="{{TextOnStage.wysiwyg('1')}}" stepKey="focusOnInnerContentTypeAfterExitFullScreen"/>
-        <waitForPageLoad after="focusOnInnerContentTypeAfterExitFullScreen" stepKey="waitForToolbarAnimationAfterExitFullScreen"/>
-        <waitForElementVisible selector="{{PageBuilderStage.inlineWYSIWYGEditorPanel(PageBuilderTextContentType.role, '1')}}" after="waitForToolbarAnimationAfterExitFullScreen" stepKey="waitForToolbarVisibleAfterExitFullScreen"/>
-        <executeJS function="return document.evaluate(`{{TextOnStage.wysiwyg('1')}}`, document.body).iterateNext().getBoundingClientRect().top" stepKey="inputBoxTopPositionAfterExitFullScreen"/>
-        <executeJS function="return document.evaluate(`{{PageBuilderStage.inlineWYSIWYGEditorPanel(PageBuilderTextContentType.role, '1')}}`, document.body).iterateNext().getBoundingClientRect().top" stepKey="toolbarTopPositionAfterExitFullScreen"/>
-        <executeJS function="return document.evaluate(`{{PageBuilderStage.inlineWYSIWYGEditorPanel(PageBuilderTextContentType.role, '1')}}`, document.body).iterateNext().getBoundingClientRect().bottom" stepKey="toolbarBottomPositionAfterExitFullScreen"/>
+        <comment userInput="focusOnInnerContentTypeAfterExitFullScreen" stepKey="focusOnInnerContentTypeAfterExitFullScreen"/>
+        <comment userInput="waitForToolbarAnimationAfterExitFullScreen" stepKey="waitForToolbarAnimationAfterExitFullScreen"/>
+        <comment userInput="waitForToolbarVisibleAfterExitFullScreen" stepKey="waitForToolbarVisibleAfterExitFullScreen"/>
+        <comment userInput="toolbarBottomPositionAfterExitFullScreen" stepKey="toolbarBottomPositionAfterExitFullScreen"/>
+        <comment userInput="toolbarTopPositionAfterExitFullScreen" stepKey="toolbarTopPositionAfterExitFullScreen"/>
+        <comment userInput="inputBoxTopPositionAfterExitFullScreen" stepKey="inputBoxTopPositionAfterExitFullScreen"/>
     </test>
 </tests>

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_page-builder.less

@@ -344,7 +344,6 @@
                 position: relative;
                 top: 0;
                 width: calc(~'100% - 150px');
-                z-index: 106;
             }
         }
     }