Added test for product filter scenario

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "cucumberautocomplete.steps": [
+        "features/step-definitions/*.ts",
+    ],
+    "cucumberautocomplete.strictGherkinCompletion": true
+}

features/pageobjects/components/FilterComponent.ts

@@ -0,0 +1,11 @@
+class FilterComponent {
+    private get nameZtoA() {
+        return $("//*[@text=\"Name (Z to A)\"]");
+    }
+
+    public async clickOnNameZtoA() {
+        await (await this.nameZtoA).click();
+    }
+}
+
+export default new FilterComponent();

features/pageobjects/pages/InventoryPage.ts

@@ -1,20 +1,40 @@
 import HeaderComponent from "../components/HeaderComponent";
+import FilterComponent from "../components/FilterComponent";
 
 class InventoryPage {
 
     public header = HeaderComponent;
+    public filter = FilterComponent;
 
     private get addToCartBtn() {
         return $$("//*[@text=\"ADD TO CART\"]");
     }
 
+    private get productItemTitles() {
+        return $$("//android.widget.TextView[@content-desc=\"test-Item title\"]");
+    }
+
+    private get filterBtn() {
+        return $("//android.view.ViewGroup[@content-desc=\"test-Modal Selector Button\"]");
+    }
+
     public get productsTitle() {
         return $("//*[@text=\"PRODUCTS\"]");
     }
 
     public async clickOnFirstAddToCardBtn() {
         await (await this.addToCartBtn[0]).click();
     }
+
+    public async clickOnFilterBtn() {
+        await (await this.filterBtn).click();
+    }
+
+    public async checkProductItemsIsSortedFromZtoA() {
+        const firstProductTitle = await (await this.productItemTitles[0]).getText();
+        const secondProductTitle = await (await this.productItemTitles[1]).getText();
+        await expect(firstProductTitle.charCodeAt(0)).toBeGreaterThan(secondProductTitle.charCodeAt(0));
+    }
 }
 
 export default new InventoryPage();

features/product_filter.feature

@@ -0,0 +1,7 @@
+Feature: Swaglabs app product filter
+
+  Scenario Outline: As a standard user, I can filter the product
+
+    Given I am logged in the app
+    When I chose NAME(Z-A) in filter options
+    Then products should be sorted From Z to A

features/step-definitions/productFilter.ts

@@ -0,0 +1,12 @@
+import {Then, When} from "@wdio/cucumber-framework";
+import InventoryPage from "../pageobjects/pages/InventoryPage";
+
+When(/^I chose NAME\(Z-A\) in filter options$/, async () => {
+    await InventoryPage.clickOnFilterBtn();
+    await InventoryPage.filter.clickOnNameZtoA();
+    await expect((await InventoryPage.productsTitle)).toBeDisplayed();
+});
+
+Then(/^products should be sorted From Z to A$/, async () => {
+    await InventoryPage.checkProductItemsIsSortedFromZtoA();
+});