MC-4075: Alignment attribute not working as expected for product, map, divider, video

- Updated video and divider configuration to fix alignment issue
- Updated video test to add coverage for video alignment

Author: Hwashiang Yu

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

@@ -50,4 +50,17 @@
         <data key="fieldName">max_width</data>
         <data key="value">500</data>
     </entity>
+    <!-- Advanced -->
+    <entity name="PageBuilderVideoAdvancedAlignmentPropertyRight" type="pagebuilder_video_advanced_alignment_property">
+        <data key="name">Alignment</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">text_align</data>
+        <data key="value">flex-end</data>
+    </entity>
+    <entity name="PageBuilderVideoAdvancedAlignmentPropertyLeft" type="pagebuilder_video_advanced_alignment_property">
+        <data key="name">Alignment</data>
+        <data key="section">advanced</data>
+        <data key="fieldName">text_align</data>
+        <data key="value">flex-start</data>
+    </entity>
 </entities>

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

@@ -390,6 +390,7 @@
             <testCaseId value="MC-2667"/>
             <group value="pagebuilder"/>
             <group value="pagebuilder-video"/>
+            <group value="m"/>
         </annotations>
         <before>
             <actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin"/>
@@ -414,7 +415,7 @@
         <!-- Update Values -->
         <comment userInput="Update Values" stepKey="commentUpdateValues"/>
         <actionGroup ref="chooseVisualSelectOption" stepKey="enterAlignment">
-            <argument name="property" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="property" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
         </actionGroup>
         <actionGroup ref="selectSlideOutPanelField" stepKey="enterBorder">
             <argument name="property" value="PageBuilderAdvancedBorderPropertyDouble"/>
@@ -442,7 +443,7 @@
         <comment userInput="Validate Stage" stepKey="commentValidateStage"/>
         <actionGroup ref="validateAdvancedStyleWithAllUpdated" stepKey="validateAllAdvancedStage">
             <argument name="page" value="VideoOnStage"/>
-            <argument name="alignment" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="alignment" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
             <argument name="border" value="PageBuilderAdvancedBorderPropertyDouble"/>
             <argument name="borderColor" value="PageBuilderAdvancedBorderColorProperty_green"/>
             <argument name="borderWidth" value="PageBuilderAdvancedBorderWidthProperty10"/>
@@ -458,7 +459,7 @@
         <!-- Validate Edit Panel -->
         <comment userInput="Validate Edit Panel" stepKey="commentValidateEditPanel"/>
         <actionGroup ref="seeOptionIsSelectedSlideOutProperty" stepKey="validateAlignment">
-            <argument name="property" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="property" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
         </actionGroup>
         <actionGroup ref="seeOptionIsSelectedSlideOutProperty" stepKey="validateBorder">
             <argument name="property" value="PageBuilderAdvancedBorderPropertyDouble"/>
@@ -488,7 +489,7 @@
         <comment userInput="Validate Stage After Save" stepKey="commentValidateStage2"/>
         <actionGroup ref="validateAdvancedStyleWithAllUpdated" stepKey="validateAllAdvancedStage2">
             <argument name="page" value="VideoOnStage"/>
-            <argument name="alignment" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="alignment" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
             <argument name="border" value="PageBuilderAdvancedBorderPropertyDouble"/>
             <argument name="borderColor" value="PageBuilderAdvancedBorderColorProperty_green"/>
             <argument name="borderWidth" value="PageBuilderAdvancedBorderWidthProperty10"/>
@@ -504,7 +505,7 @@
         <!-- Validate Edit Panel After Save -->
         <comment userInput="Validate Edit Panel After Save" stepKey="commentValidateEditPanel2"/>
         <actionGroup ref="seeOptionIsSelectedSlideOutProperty" stepKey="validateAlignment2">
-            <argument name="property" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="property" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
         </actionGroup>
         <actionGroup ref="seeOptionIsSelectedSlideOutProperty" stepKey="validateBorder2">
             <argument name="property" value="PageBuilderAdvancedBorderPropertyDouble"/>
@@ -534,7 +535,7 @@
         <comment userInput="Validate Storefront" stepKey="commentValidateStorefront"/>
         <actionGroup ref="validateAdvancedStyleWithAllUpdated" stepKey="validateAllAdvancedStorefront">
             <argument name="page" value="VideoOnStorefront"/>
-            <argument name="alignment" value="PageBuilderAdvancedAlignmentPropertyCenter"/>
+            <argument name="alignment" value="PageBuilderVideoAdvancedAlignmentPropertyRight"/>
             <argument name="border" value="PageBuilderAdvancedBorderPropertyDouble"/>
             <argument name="borderColor" value="PageBuilderAdvancedBorderColorProperty_green"/>
             <argument name="borderWidth" value="PageBuilderAdvancedBorderWidthProperty10"/>

app/code/Magento/PageBuilder/view/adminhtml/pagebuilder/content_type/divider.xml

@@ -39,6 +39,7 @@
                         <style name="line_width" source="width"/>
                         <style name="line_thickness" source="border_width" converter="Magento_PageBuilder/js/converter/style/border-width"/>
                         <style name="line_color" source="border_color"/>
+                        <static_style source="display" value="inline-block"/>
                     </element>
                 </elements>
             </appearance>

app/code/Magento/PageBuilder/view/adminhtml/ui_component/pagebuilder_video_form.xml

@@ -96,7 +96,7 @@
         </field>
     </fieldset>
     <fieldset name="advanced">
-        <field name="text_align">
+        <field name="text_align" formElement="select">
             <formElements>
                 <select>
                     <settings>