MC-4965: Text Wrapping Inside Inline WYSIWYG Editors Will Break On Words (Storefront as well for Slide & Banner)

- rename action group
- move slider selectors
- add slider group values
- remove column resizing on slider

Author: anthoula

app/code/Magento/PageBuilder/Test/Mftf/Section/PageBuilderSliderSection.xml

@@ -135,7 +135,6 @@
         <element name="variablePlaceholder" type="text" selector="(//div[contains(@class,'pagebuilder-slide')])[{{arg}}]//*[contains(@class, 'magento-variable magento-placeholder')]" parameterized="true"/>
         <element name="widgetPlaceholder" type="text" selector="(//div[contains(@class,'pagebuilder-slide')])[{{arg}}]//*[contains(@class, 'magento-placeholder magento-widget')]" parameterized="true"/>
         <element name="tinymce" type="text" selector="(//div[contains(@class,'pagebuilder-slide')])[{{arg}}]//div[contains(@class, 'inline-wysiwyg')]" parameterized="true"/>
-        <element name="contentJS" type="text" selector="document.querySelectorAll('[data-role=slider] div.inline-wysiwyg')[{{arg1}} - 1]" parameterized="true"/>
         <!-- Appearance Configuration -->
         <element name="appearance" type="text" selector="(//div[@data-role='slide'])[{{arg1}}][@data-appearance='{{arg2}}']" parameterized="true"/>
         <element name="slideName" type="button" selector="(//div[@data-role='slide'])[{{arg1}}][@data-slide-name='{{arg2}}']" parameterized="true"/>
@@ -151,6 +150,7 @@
         <element name="backgroundRepeat" type="button" selector="(//div[@data-role='slide'])[{{arg1}}]/div[contains(@style,'background-repeat: {{arg2}};')]" parameterized="true"/>
         <element name="backgroundAttachment" type="button" selector="(//div[@data-role='slide'])[{{arg1}}]/div[contains(@style,'background-attachment: {{arg2}};')]" parameterized="true"/>
         <!-- Content Configuration -->
+        <element name="contentJS" type="text" selector="document.querySelectorAll('[data-role=slider] div.inline-wysiwyg')[{{arg1}} - 1]" parameterized="true"/>
         <element name="messageContentText" type="text" selector="(//div[contains(@class,'pagebuilder-slide')])[{{arg1}}]/div//*[contains(.,'{{arg2}}') and contains(@class, 'inline-wysiwyg')]" parameterized="true"/>
         <element name="messageContent" type="text" selector="(//div[@data-role='slide'])[{{arg1}}]//div[@data-element='content']//p[text()='{{arg2}}']" parameterized="true"/>
         <element name="noMessageContent" type="text" selector="(//div[@data-role='slide'])[{{arg1}}]//div[@data-element='content'][.='Edit Slide Text'][not(*)]" parameterized="true"/>

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

@@ -130,13 +130,15 @@
             <group value="pagebuilder"/>
             <group value="pagebuilder-slide"/>
             <group value="pagebuilder-slideItemCollageLeft"/>
+            <group value="pagebuilder-wordWrap"/>
         </annotations>
         <actionGroup ref="addPageBuilderPageTitle" stepKey="enterPageTitle">
             <argument name="contentType" value="PageBuilderSliderContentType"/>
         </actionGroup>
         <actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupElements">
             <argument name="group" value="PageBuilderSliderContentType"/>
         </actionGroup>
+        <comment userInput="keyForRemoval" stepKey="duplicateColumn"/>
         <actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
             <argument name="contentType" value="PageBuilderSliderContentType"/>
             <argument name="containerTargetType" value="PageBuilderColumnContentType"/>
@@ -145,25 +147,24 @@
             <argument name="contentType" value="PageBuilderSliderContentType"/>
             <argument name="content" value="{{PageBuilderMessageProperty_WordBreak.value}}"/>
         </actionGroup>
-        <dragAndDrop selector1="{{ColumnOnBackend.columnX('1')}} {{ColumnOnBackend.columnResizeHandle}}" selector2="{{ColumnOnBackend.columnResizeGridLine('6')}}" x="$guideWidth" stepKey="resizeColumn"/>
         <actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage">
             <argument name="section" value="SlideOnBackend"/>
         </actionGroup>
         <actionGroup ref="chooseVisualSelectOption" stepKey="enterAppearanceProperty">
             <argument name="property" value="PageBuilderAppearance_CollageLeft"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightStage">
             <argument name="page" value="SlideOnBackend"/>
             <argument name="height" value="110"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightAfterSave">
             <argument name="page" value="SlideOnBackend"/>
             <argument name="height" value="80"/>
         </actionGroup>
         <actionGroup ref="navigateToStoreFront" stepKey="navigateToStoreFront">
             <argument name="contentType" value="PageBuilderSliderContentType"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightStorefront">
             <argument name="page" value="SlideOnFrontend"/>
             <argument name="height" value="50"/>
         </actionGroup>

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

@@ -247,6 +247,7 @@
             <group value="pagebuilder"/>
             <group value="pagebuilder-slide"/>
             <group value="pagebuilder-slideItemPoster"/>
+            <group value="pagebuilder-wordWrap"/>
         </annotations>
         <actionGroup ref="addPageBuilderPageTitle" stepKey="enterPageTitle">
             <argument name="contentType" value="PageBuilderSliderContentType"/>
@@ -265,18 +266,18 @@
         <actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage">
             <argument name="section" value="SlideOnBackend"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightStage">
             <argument name="page" value="SlideOnBackend"/>
             <argument name="height" value="110"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightAfterSave">
             <argument name="page" value="SlideOnBackend"/>
             <argument name="height" value="80"/>
         </actionGroup>
         <actionGroup ref="navigateToStoreFront" stepKey="navigateToStoreFront">
             <argument name="contentType" value="PageBuilderSliderContentType"/>
         </actionGroup>
-        <actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
+        <actionGroup ref="validateContentWordHeight" stepKey="validateContentWordHeightStorefront">
             <argument name="page" value="SlideOnFrontend"/>
             <argument name="height" value="50"/>
         </actionGroup>