Merge pull request #6 from VadimNastoyashchy/develop

Added test for footer component
VadimNastoyashchy · Dec 12, 2022 · a0e13e4 · a0e13e4
2 parents 4e8b893 + e6da3f2
commit a0e13e4
Show file tree

Hide file tree

Showing 4 changed files with 76 additions and 0 deletions.
diff --git a/features/footer_component.feature b/features/footer_component.feature
@@ -0,0 +1,12 @@
+Feature: Swaglabs app footer component
+
+  Scenario Outline: As a standard user, I can order the product
+
+    Given I am logged in the app
+    When I scroll to the app footer
+    Then App footer is displayed
+    And I will see footer social media links
+    And I will see footer corporation information title <title> and subtitle <subtitle>
+    Examples:
+      | title                                        | subtitle                                 |
+      | © 2022 Sauce Labs. All Rights Reserved.      | Terms of Service \| Privacy Policy       |
diff --git a/features/pageobjects/components/FooterComponent.ts b/features/pageobjects/components/FooterComponent.ts
@@ -0,0 +1,41 @@
+class FooterComponent {
+
+    private readonly footerContainerLocator = "//android.widget.ScrollView[@content-desc=\"test-PRODUCTS\"]/android.view.ViewGroup/android.view.ViewGroup[2]/android.view.ViewGroup";
+
+    private get twitterLink() {
+        return $(`${this.footerContainerLocator}/android.widget.TextView[1]`);
+    }
+
+    private get facebookLink() {
+        return $(`${this.footerContainerLocator}/android.widget.TextView[2]`);
+    }
+
+    private get googlePlusLink() {
+        return $(`${this.footerContainerLocator}/android.widget.TextView[3]`);
+    }
+
+    private get linkedinLink() {
+        return $(`${this.footerContainerLocator}/android.widget.TextView[4]`);
+    }
+
+    public get container() {
+        return $(this.footerContainerLocator);
+    }
+
+    public get corpInfoTitle() {
+        return $("//*[@text=\"© 2022 Sauce Labs. All Rights Reserved.\"]");
+    }
+
+    public get corpInfoSubTitle() {
+        return $("//*[@text=\"Terms of Service | Privacy Policy\"]");
+    }
+
+    public async checkFooterLinkIsDisplayed() {
+        await expect(await this.twitterLink).toBeDisplayed();
+        await expect(await this.facebookLink).toBeDisplayed();
+        await expect(await this.googlePlusLink).toBeDisplayed();
+        await expect(await this.linkedinLink).toBeDisplayed();
+    }
+}
+
+export default new FooterComponent();
diff --git a/features/pageobjects/pages/InventoryPage.ts b/features/pageobjects/pages/InventoryPage.ts
@@ -1,10 +1,12 @@
 import HeaderComponent from "../components/HeaderComponent";
 import FilterComponent from "../components/FilterComponent";
+import FooterComponent from "../components/FooterComponent";
 
 class InventoryPage {
 
     public header = HeaderComponent;
     public filter = FilterComponent;
+    public footer = FooterComponent;
 
     private get addToCartBtn() {
         return $$("//*[@text=\"ADD TO CART\"]");

diff --git a/features/step-definitions/footer.feature.ts b/features/step-definitions/footer.feature.ts
@@ -0,0 +1,21 @@
+import {Then, When} from "@wdio/cucumber-framework";
+import Swipe from "../pageobjects/Swipe";
+import InventoryPage from "../pageobjects/pages/InventoryPage";
+
+When(/^I scroll to the app footer$/, async () => {
+    await Swipe.down();
+    await Swipe.down();
+});
+
+Then(/^App footer is displayed$/, async () => {
+    await expect(await InventoryPage.footer.container).toBeDisplayed();
+});
+
+Then(/^I will see footer social media links$/, async () => {
+    await InventoryPage.footer.checkFooterLinkIsDisplayed();
+});
+
+Then(/^I will see footer corporation information title (.*) and subtitle (.*)$/, async (title, subTitle) => {
+    await expect(await (await InventoryPage.footer.corpInfoTitle).getText()).toEqual(title);
+    await expect(await (await InventoryPage.footer.corpInfoSubTitle).getText()).toEqual(subTitle);
+});