ACQE-4405-2: Configure catalog product list widget sort order in backend and validate it does match in the frontend

Added MFTF automation test to verify product list widget sort order

Author: Keerthana81187

app/code/Magento/Catalog/Test/Mftf/Section/AdminCategoryBasicFieldSection/AdminCategoryBasicFieldSection.xml

@@ -34,5 +34,10 @@
         <element name="destinationCategory" type="text" selector="//li[contains(@class, 'jstree-node')]//a[contains(text(),'Default Category')]"/>
         <element name="grabPopUpText" type="input" selector="//div[@class='modal-inner-wrap']//div[@data-id='information-dialog-category']//div[text()='This operation can take a long time']"/>
         <element name="acceptPopUp" type="input" selector="//div[@class='modal-inner-wrap']//button[@class='action-primary']/span[text()='Ok']"/>
+        <element name="saveCategory" type="button" selector="#save" timeout="30"/>
+        <element name="expandCollapseProductsInCategorySection" type="text" selector="//div[@data-state-collapsible='{{status}}']//strong//span[text()='{{section}}']" parameterized="true"/>
+        <element name="productPositionInCategory" type="input" selector="//td[contains(@class,'col-name') and contains(text(),'{{productName}}')]/following-sibling::td//input[@name='position']" parameterized="true"/>
+        <element name="btnMoveProductToFirstPosition" type="button" selector="//td[contains(@class,'col-name') and contains(text(),'{{productName}}')]/following-sibling::td//a[@class='move-top icon-backward']" parameterized="true" timeout="30"/>
+        <element name="btnMoveProductToLastPosition" type="button" selector="//td[contains(@class,'col-name') and contains(text(),'{{productName}}')]/following-sibling::td//a[@class='move-bottom icon-forward']" parameterized="true" timeout="30"/>
     </section>
 </sections>

app/code/Magento/Catalog/Test/Mftf/Section/StorefrontCategoryMainSection.xml

@@ -46,6 +46,7 @@
         <element name="outOfStockProductCategoryPage" type="text" selector="//div[@class='stock unavailable']//span[text()='Out of stock']"/>
         <element name="ListedProductAttributes" type="block" selector="//div[@aria-label='{{vs_attribute}}']//div[@aria-label='{{attribute_name}}']" parameterized="true"/>
         <element name="quickOrderLink" type="text" selector="//div[@class='panel header']//a[text()='Quick Order']" />
+        <element name="productListInCategoryStorefront" type="block" selector="//div[@class='products wrapper grid products-grid']//li[@class='item product product-item'][{{index}}]//img[@alt='{{product_name}}']" parameterized="true"/>
         <element name="sortByDropdownContent" type="select" selector="//select[@id='sorter']//option[contains(text(),'{{arg}}')]" parameterized="true"/>
         <element name="productInOrderDisplay" type="text" selector="//li[@class='item product product-item'][{{index}}]//a[@class='product-item-link' and contains(text(),'{{product_name}}')]" parameterized="true"/>
     </section>

app/code/Magento/CatalogInventory/Test/Mftf/ActionGroup/AdminDynamicSortAssignProductsToFirstAndLastPositionActionGroup.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ /**
+  * Copyright © Magento, Inc. All rights reserved.
+  * See COPYING.txt for license details.
+  */
+-->
+<actionGroups xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+              xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/actionGroupSchema.xsd">
+    <actionGroup name="AdminDynamicSortAssignProductsToFirstAndLastPositionActionGroup">
+        <annotations>
+            <description>Admin reassigns the display order of the products (in category backend) for storefront for EE and B2B</description>
+        </annotations>
+        <arguments>
+            <argument name="product1" type="string"/>
+            <argument name="product3" type="string"/>
+        </arguments>
+        <!-- Admin Scroll to the Products In Category tab and expand the tab if closed -->
+        <scrollTo selector="{{AdminCategoryBasicFieldSection.expandCollapseProductsInCategorySection('closed','Products in Category')}}" stepKey="adminScrollToProductsInCategorySectionForIndexing"/>
+        <conditionalClick selector="{{AdminCategoryBasicFieldSection.expandCollapseProductsInCategorySection('closed','Products in Category')}}" dependentSelector="{{AdminCategoryBasicFieldSection.expandCollapseProductsInCategorySection('closed','Products in Category')}}" visible="true" stepKey="adminExpandsProductsInCategorySectionForIndexing"/>
+        <!-- Admin resets the positions for the products -->
+        <waitForElementVisible selector="{{AdminCategoryBasicFieldSection.productPositionInCategory('product1')}}" stepKey="adminWaitsForPositionFieldToPopulate"/>
+        <scrollTo selector="{{AdminCategoryBasicFieldSection.btnMoveProductToFirstPosition('product1')}}" stepKey="scrollToTheListedProduct"/>
+        <click selector="{{AdminCategoryBasicFieldSection.btnMoveProductToFirstPosition('product1')}}" stepKey="adminMovesProductToFirstIndex"/>
+        <click selector="{{AdminCategoryBasicFieldSection.btnMoveProductToLastPosition('product3')}}" stepKey="adminMovesProductToLastIndex"/>
+        <!-- Admin Saves the category and validate the success message -->
+        <click selector="{{AdminCategoryBasicFieldSection.saveCategory}}" stepKey="adminSavesTheCategory"/>
+        <waitForText selector="{{AdminMessagesSection.success}}" userInput="You saved the category." stepKey="adminVerifiesSuccessMessagePostSavingTheCategory"/>
+    </actionGroup>
+</actionGroups>

app/code/Magento/CatalogInventory/Test/Mftf/ActionGroup/StorefrontAssertProductsInCategoryPageAsPerSetPositionInBackendActionGroup.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+ /**
+  * Copyright © Magento, Inc. All rights reserved.
+  * See COPYING.txt for license details.
+  */
+-->
+
+<actionGroups xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+              xsi:noNamespaceSchemaLocation="urn:magento:mftf:Test/etc/actionGroupSchema.xsd">
+    <actionGroup name="StorefrontAssertProductsInCategoryPageAsPerSetPositionInBackendActionGroup">
+        <annotations>
+            <description>Asserts the position of the Product in the Storefront Category page as per the set position in the backend.</description>
+        </annotations>
+        <arguments>
+            <argument name="product" type="string"/>
+            <argument name="position" type="string"/>
+        </arguments>
+        <waitForElementVisible selector="{{StorefrontCategoryMainSection.productListInCategoryStorefront(position,'product')}}" stepKey="guestAssertsProduct1PositionOnCategoryPage"/>
+    </actionGroup>
+</actionGroups>