Skip to content

Commit b945e3d

Browse files
anthoulaanthoula
committed
MC-4965: Text Wrapping Inside Inline WYSIWYG Editors Will Break On Words (Storefront as well for Slide & Banner)
- add new test for blocks with banner, slider, and text
1 parent ff4747d commit b945e3d

File tree

1 file changed

+254
-0
lines changed

1 file changed

+254
-0
lines changed

‎app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderBlockTest.xml

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1311,4 +1311,258 @@
13111311
<argument name="storefrontBugOffset" value="20"/>
13121312
</actionGroup>
13131313
</test>
1314+
<test name="BlockBannerPosterContentCanWordWrap">
1315+
<annotations>
1316+
<features value="PageBuilder"/>
1317+
<stories value="Block"/>
1318+
<title value="Banner Poster Content Can Word Wrap In Block"/>
1319+
<description value="A user can see banner poster content word wrap to multiple lines in a Block"/>
1320+
<severity value="CRITICAL"/>
1321+
<useCaseId value="MC-4965"/>
1322+
<testCaseId value="MC-5642"/>
1323+
<group value="pagebuilder"/>
1324+
<group value="pagebuilder-block"/>
1325+
<group value="pagebuilder-banner"/>
1326+
</annotations>
1327+
<before>
1328+
<createData entity="_defaultBlock" stepKey="createPreReqBlock" />
1329+
<resizeWindow width="1280" height="1024" stepKey="resetWindowToDesktopBefore"/>
1330+
<actionGroup ref="LoginAsAdmin" stepKey="loginAsAdmin" />
1331+
<actionGroup ref="navigateToCreatedCMSBlockPage" stepKey="navigateToCreatedCMSBlockPage">
1332+
<argument name="CMSBlockPage" value="$$createPreReqBlock$$" />
1333+
</actionGroup>
1334+
</before>
1335+
<after>
1336+
<deleteData createDataKey="createPreReqBlock" stepKey="deletePreReqBlock" />
1337+
<resizeWindow width="1280" height="1024" stepKey="resizeWindowToDesktopAfter"/>
1338+
<actionGroup ref="logout" stepKey="logout"/>
1339+
</after>
1340+
<!-- Add Column to Stage -->
1341+
<comment userInput="Add Column to Stage" stepKey="addColumnToStage"/>
1342+
<actionGroup ref="dragContentTypeToStage" stepKey="dragColumnIntoStage">
1343+
<argument name="contentType" value="PageBuilderColumnContentType"/>
1344+
</actionGroup>
1345+
<!-- Add content type to Column -->
1346+
<comment userInput="Add content type to Column" stepKey="addContentTypeToColumn"/>
1347+
<actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupElements">
1348+
<argument name="group" value="PageBuilderBannerContentType"/>
1349+
</actionGroup>
1350+
<actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
1351+
<argument name="contentType" value="PageBuilderBannerContentType"/>
1352+
<argument name="containerTargetType" value="PageBuilderColumnContentType"/>
1353+
</actionGroup>
1354+
<actionGroup ref="inlineEditWYSIWYGFromStage" stepKey="inlineEdit">
1355+
<argument name="contentType" value="PageBuilderBannerContentType"/>
1356+
<argument name="content" value="{{PageBuilderMessageProperty_WordBreak.value}}"/>
1357+
</actionGroup>
1358+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditMenuOnStage">
1359+
<argument name="contentType" value="PageBuilderBannerContentType"/>
1360+
</actionGroup>
1361+
<actionGroup ref="chooseVisualSelectOption" stepKey="enterAppearanceProperty">
1362+
<argument name="property" value="PageBuilderAppearance_Poster"/>
1363+
</actionGroup>
1364+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettingsInBlock"/>
1365+
<click selector="{{PageBuilderPanel.searchPanel}}" stepKey="unFocusEditor"/>
1366+
<!-- Resize Columns -->
1367+
<comment userInput="Resize Columns" stepKey="commentResizeColumns"/>
1368+
<executeJS function="return document.querySelector('{{ColumnOnBackend.columnResizeGridLine('1')}}').clientWidth" stepKey="guideWidth"/>
1369+
<dragAndDrop selector1="{{ColumnOnBackend.columnX('1')}} {{ColumnOnBackend.columnResizeHandle}}" selector2="{{ColumnOnBackend.columnResizeGridLine('3')}}" x="$guideWidth" stepKey="resizeColumn"/>
1370+
<waitForPageLoad stepKey="waitForDragAndDrop"/>
1371+
<click selector="{{CmsNewBlockBlockActionsSection.savePage}}" stepKey="saveBlock"/>
1372+
<waitForPageLoad time="30" stepKey="waitForStageToLoad"/>
1373+
<!-- Go to CMS Page and choose Block -->
1374+
<comment userInput="Go to CMS Page and choose Block" stepKey="commentGoToCMSPage"/>
1375+
<actionGroup ref="navigateToAPageWithPageBuilder" stepKey="navigateToAPageWithPageBuilder"/>
1376+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage"/>
1377+
<actionGroup ref="addPageBuilderPageTitle" stepKey="enterPageTitle1">
1378+
<argument name="contentType" value="PageBuilderBlockContentType"/>
1379+
</actionGroup>
1380+
<actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupAddContent">
1381+
<argument name="group" value="PageBuilderBlockContentType"/>
1382+
</actionGroup>
1383+
<actionGroup ref="dragContentTypeToStage" stepKey="dragBlockIntoStage">
1384+
<argument name="contentType" value="PageBuilderBlockContentType"/>
1385+
</actionGroup>
1386+
<actionGroup ref="openPageBuilderEditPanel" stepKey="openEditAfterDrop">
1387+
<argument name="contentType" value="PageBuilderBlockContentType"/>
1388+
</actionGroup>
1389+
<actionGroup ref="searchBlockInGrid" stepKey="searchBlockInGrid">
1390+
<argument name="block" value="$$createPreReqBlock$$"/>
1391+
</actionGroup>
1392+
<actionGroup ref="saveEditPanelSettings" stepKey="saveEditPanelSettings"/>
1393+
<!-- Validate Height Before Save -->
1394+
<comment userInput="Validate Height Before Save" stepKey="commentValidateBeforeSave"/>
1395+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
1396+
<argument name="page" value="BannerOnFrontend"/>
1397+
<argument name="height" value="80"/>
1398+
</actionGroup>
1399+
<actionGroup ref="saveAndContinueEditCmsPage" stepKey="saveAndContinueEditCmsPage"/>
1400+
<actionGroup ref="switchToPageBuilderStage" stepKey="switchToPageBuilderStage2"/>
1401+
<!-- Validate Height After Save -->
1402+
<comment userInput="Validate Height After Save" stepKey="commentValidateAfterSave"/>
1403+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
1404+
<argument name="page" value="BannerOnFrontend"/>
1405+
<argument name="height" value="80"/>
1406+
</actionGroup>
1407+
<actionGroup ref="navigateToStoreFront" stepKey="navigateToStoreFront">
1408+
<argument name="contentType" value="PageBuilderBlockContentType"/>
1409+
</actionGroup>
1410+
<!-- Validate Height Storefront -->
1411+
<comment userInput="Validate Height Storefront" stepKey="commentValidateStorefront"/>
1412+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
1413+
<argument name="page" value="BannerOnFrontend"/>
1414+
<argument name="height" value="50"/>
1415+
</actionGroup>
1416+
</test>
1417+
<test name="BlockBannerCollageLeftContentCanWordWrap" extends="BlockBannerPosterContentCanWordWrap">
1418+
<annotations>
1419+
<features value="PageBuilder"/>
1420+
<stories value="Block"/>
1421+
<title value="Banner Collage Left Content Can Word Wrap In Block"/>
1422+
<description value="A user can see banner collage left content word wrap to multiple lines in a Block"/>
1423+
<severity value="CRITICAL"/>
1424+
<useCaseId value="MC-4965"/>
1425+
<testCaseId value="MC-5643"/>
1426+
<group value="pagebuilder"/>
1427+
<group value="pagebuilder-block"/>
1428+
<group value="pagebuilder-banner"/>
1429+
</annotations>
1430+
<actionGroup ref="chooseVisualSelectOption" stepKey="enterAppearanceProperty">
1431+
<argument name="property" value="PageBuilderAppearance_CollageLeft"/>
1432+
</actionGroup>
1433+
<dragAndDrop selector1="{{ColumnOnBackend.columnX('1')}} {{ColumnOnBackend.columnResizeHandle}}" selector2="{{ColumnOnBackend.columnResizeGridLine('6')}}" x="$guideWidth" stepKey="resizeColumn"/>
1434+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
1435+
<argument name="page" value="BannerOnFrontend"/>
1436+
<argument name="height" value="120"/>
1437+
</actionGroup>
1438+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
1439+
<argument name="page" value="BannerOnFrontend"/>
1440+
<argument name="height" value="120"/>
1441+
</actionGroup>
1442+
</test>
1443+
<test name="BlockSlidePosterContentCanWordWrap" extends="BlockBannerPosterContentCanWordWrap">
1444+
<annotations>
1445+
<features value="PageBuilder"/>
1446+
<stories value="Slider"/>
1447+
<title value="Slide Poster Content Can Word Wrap In Block"/>
1448+
<description value="A user can see slide poster content word wrap to multiple lines in a Block"/>
1449+
<severity value="CRITICAL"/>
1450+
<useCaseId value="MC-4965"/>
1451+
<testCaseId value="MC-5644"/>
1452+
<group value="pagebuilder"/>
1453+
<group value="pagebuilder-block"/>
1454+
<group value="pagebuilder-slide"/>
1455+
<group value="pagebuilder-slideItemPoster"/>
1456+
</annotations>
1457+
<actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupElements">
1458+
<argument name="group" value="PageBuilderSliderContentType"/>
1459+
</actionGroup>
1460+
<actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
1461+
<argument name="contentType" value="PageBuilderSliderContentType"/>
1462+
<argument name="containerTargetType" value="PageBuilderColumnContentType"/>
1463+
</actionGroup>
1464+
<actionGroup ref="inlineEditWYSIWYGFromStage" stepKey="inlineEdit">
1465+
<argument name="contentType" value="PageBuilderSliderContentType"/>
1466+
<argument name="content" value="{{PageBuilderMessageProperty_WordBreak.value}}"/>
1467+
</actionGroup>
1468+
<actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage">
1469+
<argument name="section" value="SlideOnBackend"/>
1470+
</actionGroup>
1471+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
1472+
<argument name="page" value="SlideOnFrontend"/>
1473+
<argument name="height" value="80"/>
1474+
</actionGroup>
1475+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
1476+
<argument name="page" value="SlideOnFrontend"/>
1477+
<argument name="height" value="80"/>
1478+
</actionGroup>
1479+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
1480+
<argument name="page" value="SlideOnFrontend"/>
1481+
<argument name="height" value="50"/>
1482+
</actionGroup>
1483+
</test>
1484+
<test name="BlockSlideCollageLeftContentCanWordWrap" extends="BlockBannerPosterContentCanWordWrap">
1485+
<annotations>
1486+
<features value="PageBuilder"/>
1487+
<stories value="Slider"/>
1488+
<title value="Slide Collage Left Content Can Word Wrap In Block"/>
1489+
<description value="A user can see slide collage left content word wrap to multiple lines in a Block"/>
1490+
<severity value="CRITICAL"/>
1491+
<useCaseId value="MC-4965"/>
1492+
<testCaseId value="MC-5645"/>
1493+
<group value="pagebuilder"/>
1494+
<group value="pagebuilder-block"/>
1495+
<group value="pagebuilder-slider"/>
1496+
<group value="pagebuilder-slideItemCollageLeft"/>
1497+
</annotations>
1498+
<actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupElements">
1499+
<argument name="group" value="PageBuilderSliderContentType"/>
1500+
</actionGroup>
1501+
<actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
1502+
<argument name="contentType" value="PageBuilderSliderContentType"/>
1503+
<argument name="containerTargetType" value="PageBuilderColumnContentType"/>
1504+
</actionGroup>
1505+
<actionGroup ref="inlineEditWYSIWYGFromStage" stepKey="inlineEdit">
1506+
<argument name="contentType" value="PageBuilderSliderContentType"/>
1507+
<argument name="content" value="{{PageBuilderMessageProperty_WordBreak.value}}"/>
1508+
</actionGroup>
1509+
<dragAndDrop selector1="{{ColumnOnBackend.columnX('1')}} {{ColumnOnBackend.columnResizeHandle}}" selector2="{{ColumnOnBackend.columnResizeGridLine('6')}}" x="$guideWidth" stepKey="resizeColumn"/>
1510+
<actionGroup ref="openPageBuilderEditPanelSmallByIndex" stepKey="openEditMenuOnStage">
1511+
<argument name="section" value="SlideOnBackend"/>
1512+
</actionGroup>
1513+
<actionGroup ref="chooseVisualSelectOption" stepKey="enterAppearanceProperty">
1514+
<argument name="property" value="PageBuilderAppearance_CollageLeft"/>
1515+
</actionGroup>
1516+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
1517+
<argument name="page" value="SlideOnFrontend"/>
1518+
<argument name="height" value="120"/>
1519+
</actionGroup>
1520+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
1521+
<argument name="page" value="SlideOnFrontend"/>
1522+
<argument name="height" value="120"/>
1523+
</actionGroup>
1524+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
1525+
<argument name="page" value="SlideOnFrontend"/>
1526+
<argument name="height" value="50"/>
1527+
</actionGroup>
1528+
</test>
1529+
<test name="BlockTextContentCanWordWrap" extends="BlockBannerPosterContentCanWordWrap">
1530+
<annotations>
1531+
<features value="PageBuilder"/>
1532+
<stories value="Text"/>
1533+
<title value="Text Content Can Word Wrap In Block"/>
1534+
<description value="A user can see text content word wrap to multiple lines in a Block"/>
1535+
<severity value="CRITICAL"/>
1536+
<useCaseId value="MC-4965"/>
1537+
<testCaseId value="MC-5646"/>
1538+
<group value="pagebuilder"/>
1539+
<group value="pagebuilder-block"/>
1540+
<group value="pagebuilder-text"/>
1541+
</annotations>
1542+
<actionGroup ref="expandPageBuilderPanelGroup" stepKey="expandGroupElements">
1543+
<argument name="group" value="PageBuilderTextContentType"/>
1544+
</actionGroup>
1545+
<actionGroup ref="dragContentTypeToContainer" stepKey="dragIntoStage">
1546+
<argument name="contentType" value="PageBuilderTextContentType"/>
1547+
<argument name="containerTargetType" value="PageBuilderColumnContentType"/>
1548+
</actionGroup>
1549+
<fillField selector="{{TextOnStage.wysiwyg('1')}}" userInput="{{PageBuilderMessageProperty_WordBreak.value}}" after="dragIntoStage" stepKey="fillTextToTextarea"/>
1550+
<comment userInput="keyForRemoval" stepKey="inlineEdit"/>
1551+
<comment userInput="keyForRemoval" stepKey="openEditMenuOnStage"/>
1552+
<comment userInput="keyForRemoval" stepKey="enterAppearanceProperty"/>
1553+
<comment userInput="keyForRemoval" stepKey="saveEditPanelSettingsInBlock"/>
1554+
<dragAndDrop selector1="{{ColumnOnBackend.columnX('1')}} {{ColumnOnBackend.columnResizeHandle}}" selector2="{{ColumnOnBackend.columnResizeGridLine('2')}}" x="$guideWidth" stepKey="resizeColumn"/>
1555+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStage">
1556+
<argument name="page" value="TextOnStorefront"/>
1557+
<argument name="height" value="120"/>
1558+
</actionGroup>
1559+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapAfterSave">
1560+
<argument name="page" value="TextOnStorefront"/>
1561+
<argument name="height" value="120"/>
1562+
</actionGroup>
1563+
<actionGroup ref="validateContentWordWrap" stepKey="validateContentWordWrapStorefront">
1564+
<argument name="page" value="TextOnStorefront"/>
1565+
<argument name="height" value="70"/>
1566+
</actionGroup>
1567+
</test>
13141568
</tests>

0 commit comments

Comments
 (0)