<description value="A user can vertically align tab contents to center"/> <severity value="BLOCKER"/> <useCaseId value="MC-931"/> <testCaseId value="MC-3501"/> <group value="pagebuilder"/> <group value="pagebuilder-tabs"/> <group value="pagebuilder-tabsLayout"/> <group value="pr_exclude"/> <group value="cloud"/> </annotations> <before> <actionGroup ref="AdminLoginActionGroup" stepKey="loginAsAdmin"/> <actionGroup ref="navigateToAPageWithPageBuilder" stepKey="navigateToAPageWithPageBuilder"/> <actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/> <actionGroup ref="dragContentTypeToStage" stepKey="dragRowToRootContainer"> <argument name="contentType" value="PageBuilderRowContentType"/> <argument name="containerTargetType" value="PageBuilderRootContainerContentType"/> </actionGroup> </before> <after> <actionGroup ref="AdminLogoutActionGroup" stepKey="logout"/> </after> <actionGroup ref="addPageBuilderPageTitle" stepKey="enterPageTitle1"> <argument name="contentType" value="PageBuilderTabsContentType"/> </actionGroup> <!-- Add Tabs to Stage --> <comment userInput="Add tabs to stage" stepKey="commentAddTabsToStage"/> <actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSection"> <argument name="contentType" value="PageBuilderTabsContentType"/> </actionGroup> <actionGroup ref="dragContentTypeToStage" stepKey="dragTabsIntoStage"> <argument name="contentType" value="PageBuilderTabsContentType"/> </actionGroup> <!-- Configure Tab - Vertical Align Center --> <comment userInput="Configure vertical align center" stepKey="commentConfigureVerticalAlignCenter"/> <actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditPanel"> <argument name="section" value="TabOnStage"/> <argument name="targetIndex" value="1"/> </actionGroup> <actionGroup ref="chooseVisualSelectOption" stepKey="enterVerticalAlignmenCenterProperty"> <argument name="property" value="PageBuilderTabVerticalAlignmentPropertyCenter"/> </actionGroup> <actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettingsSecondTab"/> <actionGroup ref="expandPageBuilderPanelMenuSection" stepKey="expandPageBuilderPanelMenuSectionButtons"> <argument name="contentType" value="PageBuilderButtonsContentType"/> </actionGroup> <actionGroup ref="dragContentTypeToContainer" stepKey="dragButtonToTab"> <argument name="contentType" value="PageBuilderButtonsContentType"/> <argument name="containerTargetType" value="PageBuilderTabsContentType"/> <argument name="containerTargetIndex" value="1"/> <argument name="contentTypeIndex" value="1"/> </actionGroup> <!-- Verify Vertical Alignment On Stage - Before Save --> <comment userInput="Verify vertical alignment on stage before save" stepKey="commentVerifyVerticalAlignmentOnStageBeforeSave"/> <actionGroup ref="ValidateContentTypesStyleEqualsExpectedStyleActionGroup" stepKey="validateCenterLayoutStylesBeforeSave"> <argument name="selector" value="{{TabOnStage.container('1')}}"/> <argument name="expectedProperty" value="{{PageBuilderTabVerticalAlignmentPropertyCenter.value}}"/> <argument name="cssProperty" value="justifyContent"/> </actionGroup> <!-- Verify Vertical Alignment On Stage - After Save --> <comment userInput="Verify vertical alignment on stage after save" stepKey="commentVerifyVerticalAlignmentOnStageAfterSave"/> <actionGroup ref="exitPageBuilderFullScreen" stepKey="exitPageBuilderFullScreen"/> <actionGroup ref="SaveAndContinueEditCmsPageActionGroup" stepKey="saveAndContinueEditCmsPage"/> <actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/> <actionGroup ref="ValidateContentTypesStyleEqualsExpectedStyleActionGroup" stepKey="validateCenterLayoutStylesAfterSave"> <argument name="selector" value="{{TabOnStage.container('1')}}"/> <argument name="expectedProperty" value="{{PageBuilderTabVerticalAlignmentPropertyCenter.value}}"/> <argument name="cssProperty" value="justifyContent"/> </actionGroup> <!-- Verify Vertical Alignment In Storefront --> <comment userInput="Verify vertical alignment in storefront" stepKey="commentVerifyVerticalAlignmentInStorefront"/> <actionGroup ref="navigateToStoreFront" stepKey="navigateToStoreFront"> <argument name="contentType" value="PageBuilderTabsContentType"/> </actionGroup> <actionGroup ref="ValidateContentTypesStyleEqualsExpectedStyleActionGroup" stepKey="validateCenterLayoutStylesOnStorefront"> <argument name="selector" value="{{TabOnStorefront.container('1')}}"/> <argument name="expectedProperty" value="{{PageBuilderTabVerticalAlignmentPropertyCenter.value}}"/> <argument name="cssProperty" value="justifyContent"/> </actionGroup> </test> </tests>