Merge pull request #1529 from bcgov/UTOPIA-1403

[UTOPIA-1403] MPO Review E2E

src/frontend/.eslintignore

@@ -11,3 +11,4 @@ coverage/*
 /src/types/
 
 .eslintrc.js
+wdio.conf.js

src/frontend/package.json

@@ -48,7 +48,6 @@
     "@wdio/local-runner": "8.16.4",
     "@wdio/mocha-framework": "8.16.3",
     "@wdio/spec-reporter": "8.16.3",
-    "chromedriver": "116.0.0",
     "eslint": "8.48.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-typescript": "17.1.0",
@@ -58,6 +57,7 @@
     "eslint-plugin-prettier": "5.0.0",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
+    "geckodriver": "4.2.0",
     "husky": "8.0.3",
     "lint-staged": "13.0.3",
     "multiple-cucumber-html-reporter": "3.4.0",
@@ -69,7 +69,7 @@
     "stylelint-scss": "5.1.0",
     "typescript": "4.6.4",
     "vite": "3.2.7",
-    "wdio-chromedriver-service": "8.1.1",
+    "wdio-geckodriver-service": "5.0.2",
     "wdio-cucumberjs-json-reporter": "5.1.7",
     "wdio-wait-for": "3.0.6"
   },

src/frontend/test/README.md

@@ -0,0 +1,19 @@
+## Locally running the E2E Tests
+
+To run all the tests specified in your WDIO configuration, you can use the following command:
+
+```bash
+npm run wdio
+```
+
+## Running a Single Feature File
+
+To run a single feature file, follow these steps:
+
+1. Identify the feature file you want to run, located in the ./test/features/featurefiles/e2e/ directory.
+
+2. Use the following command, replacing your-feature-file.feature with the name of the specific feature file you want to run:
+
+```bash
+npm run wdio -- --spec ./test/features/featurefiles/e2e/your-feature-file.feature
+```

src/frontend/test/features/featurefiles/e2e/UTOPIA-631_MPO_ViewPIA.feature → src/frontend/test/features/featurefiles/e2e/MPO_ViewPIA.feature

@@ -71,7 +71,6 @@ Feature: UTOPIA-631 MPO:View PIA details
       | username | role    |
       | DORGALE  | MPO     |
 
-
 Scenario Outline: As <role> user, I am able to submit a valid form with all fields filled
 
     Given I am on the login page
@@ -99,13 +98,19 @@ Scenario Outline: As <role> user, I am able to submit a valid form with all fiel
     Then I click on "Save" button
     Then I click on "Submit" button
     Then I click on "Yes, submit" button
+    And I am able to click link "Review"
+    Then I click on "Add a role" button 
+    And I enter "role"
+    Then I click on "Add" button
+    And I click with name "Review Acknowledgement" checkbox
+    And I enter "Review Note"
+    Then I click on "Confirm" button
     Then I click on "Submit" button
     Then I click on "Yes, submit" button
     And I click on "Active PIAs" tab
     And Search with title
     And Verify if the status is only "CPO Review"
 
-
 
 
     Examples:

src/frontend/test/features/pageobjects/fillPPQ.page.js

@@ -2,82 +2,71 @@ const Page = require('./page');
 const link = "//a[contains(text(),'";
 const randomLink = "(//label[contains(text(),'')])[";
 
-
 /**
  * sub page containing specific selectors and methods for a specific page
  */
 class fillPPQ extends Page {
-    /**
-     * define selectors using getter methods
-     */
-    get datePicker () {
-      return $('//input[@placeholder="yyyy/mm/dd"]');
-   }
+  /**
+   * define selectors using getter methods
+   */
+  get datePicker() {
+    return $('//input[@placeholder="yyyy/mm/dd"]');
+  }
 
-   get selectDate () {
+  get selectDate() {
     return $("//div[contains(text(),'10')]");
-   }
-
-   get textArea () {
-    return $("//textarea");
-   }
+  }
 
-
+  get textArea() {
+    return $('//textarea');
+  }
 
-    /**
-     * a method to encapsule automation code to interact with the page
-     * e.g. to login using username and password
-     */
+  /**
+   * a method to encapsule automation code to interact with the page
+   * e.g. to login using username and password
+   */
 
+  async selectCheckbox(checkName) {
+    const h1 = link + checkName + "')]/../input";
+    const headerElement = await $(h1);
+    await headerElement.waitForDisplayed();
+  }
 
-
-
-    async selectCheckbox (checkName) {
-        const h1=link + checkName + "')]/../input";
-        const headerElement=await $(h1);
-        await headerElement.waitForDisplayed();
+  async clickCheckbox() {
+    function getRandomNumber() {
+      // Generate a random number between min (inclusive) and max (inclusive)
+      return Math.floor(Math.random() * (13 - 3 + 1) + 3);
+    }
+    var random = getRandomNumber();
+    console.log('Random number is : ' + random);
+    for (var i = 3; i <= random; i++) {
+      var newlink = randomLink + i + ']/../label/input';
+      const buttonElement = await $(newlink);
+      await buttonElement.waitForClickable();
+      await buttonElement.click();
     }
-
-    async clickCheckbox () {
-        function getRandomNumber() {
-          // Generate a random number between min (inclusive) and max (inclusive)
-          return Math.floor(Math.random() * (13 - 3 + 1) + 3);
-        }
-        var random = getRandomNumber();
-        console.log("Random number is : " +random )
-        for(var i=3;i<=random;i++)
-        {
-          var newlink=randomLink+i+"]/../label/input";
-          const buttonElement= await $(newlink);
-          await buttonElement.waitForClickable();
-          await buttonElement.click();
-
-        }
   }
 
-
   async selectData() {
-
     await this.datePicker.waitForClickable();
     await this.datePicker.click();
     await this.selectDate.waitForClickable();
     await this.selectDate.click();
-
-  } 
+  }
 
   async AddText() {
-
     await this.textArea.waitForExist();
-    await this.textArea.setValue("Is there anything else the CPO should consider when reviewing this PIA? PIA?123#$%");
-  } 
-
-
-    /**
-     * overwrite specific options to adapt it to page object
-     */
-    open () {
-        return super.open('fillPPQ');
-    }
+    await this.textArea.setValue(
+      'Is there anything else the CPO should consider when reviewing this PIA? PIA?123#$%',
+    );
+  }
+
+  /**
+   * overwrite specific options to adapt it to page object
+   */
+  open() {
+    return super.open('fillPPQ');
+  }
 }
 
 module.exports = new fillPPQ();