MC-2356: MFTF Test Enhancements

- Preventing flakiness for ValidateColumnsMaintainRatioWithoutHistory test

Author: dhaecker

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

@@ -196,8 +196,8 @@
             <argument name="gridSize" value="6"/>
         </actionGroup>
         <seeNumberOfElements selector="{{PageBuilderColumnSection.allColumns}}" userInput="2" stepKey="seeNumberOfColumns2"/>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('1','3/6')}}" stepKey="validateLeftColumnWidth"/>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('2','3/6')}}" stepKey="validateRightColumnWidth"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('1','3/6')}}" stepKey="validateLeftColumnWidth"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('2','3/6')}}" stepKey="validateRightColumnWidth"/>
         <!-- Drag divider into first column to clear history -->
         <comment userInput="Drag divider into first column to clear history" stepKey="commentAddDividerToColumn" />
         <actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
@@ -208,15 +208,15 @@
         <comment userInput="Resize first column to 1/6" stepKey="commentResizeColumn" />
         <executeJS function="return document.querySelector('{{PageBuilderColumnSection.columnResizeGridLine('1')}}').clientWidth" stepKey="guideWidth"/>
         <dragAndDrop selector1="{{PageBuilderColumnSection.columnX('1')}} {{PageBuilderColumnSection.columnResizeHandle}}" selector2="{{PageBuilderColumnSection.columnResizeGridLine('1')}}" x="$guideWidth" stepKey="resizeColumn1"/>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('1','1/6')}}" stepKey="validateLeftColumnWidth2"/>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('2','5/6')}}" stepKey="validateRightColumnWidth2"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('1','1/6')}}" stepKey="validateLeftColumnWidth2"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('2','5/6')}}" stepKey="validateRightColumnWidth2"/>
         <!-- Change grid size back to 12 and validate column maintained ratio -->
         <comment userInput="Change grid size back to 12 and validate column maintained ratio" stepKey="commentSetGridSizeTo12" />
         <actionGroup ref="updateGridSize" stepKey="updateGridSizeTo12">
             <argument name="gridSize" value="12"/>
         </actionGroup>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('1','2/12')}}" stepKey="validateLeftColumnWidth3"/>
-        <seeElement selector="{{PageBuilderColumnSection.displayLabel('2','10/12')}}" stepKey="validateRightColumnWidth3"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('1','2/12')}}" stepKey="validateLeftColumnWidth3"/>
+        <waitForElementVisible selector="{{PageBuilderColumnSection.displayLabel('2','10/12')}}" stepKey="validateRightColumnWidth3"/>
     </test>
     <test name="ValidateGridSizeFormDisablesStage">
         <annotations>