PB-95: Video background for Row

- Hard coding video aspect ratio

Author: dhaecker

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

@@ -499,6 +499,8 @@
         <data key="fieldName">video_source</data>
         <data key="value">http://obsessive-owls.s3.us-east-2.amazonaws.com/MFTF/avocado.mp4</data>
         <data key="renderedValue">http://obsessive-owls.s3.us-east-2.amazonaws.com/MFTF/avocado.mp4</data>
+        <data key="width">320px</data>
+        <data key="height">320px</data>
     </entity>
     <entity name="PageBuilderVideoBackgroundUrl_Invalid_Text" type="pagebuilder_video_background_url">
         <data key="name">Video URL</data>

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

@@ -2210,9 +2210,6 @@
             <group value="pagebuilder-row"/>
             <group value="pagebuilder-rowBackground"/>
             <group value="pagebuilder-video-background"/>
-            <skip>
-                <issueId value="MC-31468"/>
-            </skip>
         </annotations>
         <before>
             <createData entity="_emptyCmsPage" stepKey="createCMSPage"/>
@@ -2226,13 +2223,6 @@
             <deleteData createDataKey="createCMSPage" stepKey="deleteCMSPage"/>
             <actionGroup ref="logout" stepKey="logout"/>
         </after>
-        <!-- Get Aspect Ratio of Actual Video -->
-        <openNewTab stepKey="openNewTab"/>
-        <amOnUrl url="{{PageBuilderVideoBackgroundUrl_Mp4_URL_Insecure.value}}" stepKey="openVideo"/>
-        <executeJS function="return document.querySelector('video').getBoundingClientRect().width" stepKey="expectedVideoWidth"/>
-        <executeJS function="return document.querySelector('video').getBoundingClientRect().height" stepKey="expectedVideoHeight"/>
-        <executeJS function="return {$expectedVideoWidth} / {$expectedVideoHeight}" stepKey="expectedVideoAspectRatio"/>
-        <closeTab stepKey="closeTab"/>
         <!-- Add Video to Contained Row -->
         <actionGroup ref="openPageBuilderEditPanelByIndex" stepKey="openEditMenuOnStage1">
             <argument name="contentType" value="PageBuilderRowContentType"/>
@@ -2278,6 +2268,7 @@
             <argument name="property" value="PageBuilderRowAppearance_FullBleed"/>
         </actionGroup>
         <actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings3"/>
+        <executeJS function="return parseInt(&quot;{{PageBuilderVideoBackgroundUrl_Mp4_URL_Insecure.width}}&quot;) / parseInt(&quot;{{PageBuilderVideoBackgroundUrl_Mp4_URL_Insecure.height}}&quot;)" stepKey="expectedVideoAspectRatio"/>
         <!-- Validate Stage -->
         <actionGroup ref="validateVideoAspectRatio" stepKey="validateVideoAspectRatioRow1Stage">
             <argument name="section" value="RowOnStage"/>