WDIO v8 | Code Refactoring

Author: Thangarajtk

jsconfig.json

@@ -3,7 +3,8 @@
         "types": [
             "node",
             "@wdio/globals/types",
-            "@wdio/mocha-framework"
+            "@wdio/mocha-framework",
+            "expect-webdriverio"
         ]
     }
 }

package-lock.json

@@ -19,6 +19,7 @@
         "@wdio/mocha-framework": "^8.1.2",
         "@wdio/selenium-standalone-service": "^8.1.2",
         "@wdio/spec-reporter": "^8.1.2",
+        "allure-commandline": "^2.20.1",
         "wdio-docker-service": "^3.2.1",
         "wdio-video-reporter": "^3.4.0",
         "webdriverio": "^8.1.2"
@@ -31,7 +32,8 @@
         "posttest:docker": "docker-compose down",
         "checkupdates": "npx npm-check-updates -u",
         "cleanup": "rmdir /Q /S reports",
-        "generateAllureReport": "allure generate ./reports/video-reports/allure-raw -o ./reports/video-reports/allure-report --clean && allure open ./reports/video-reports/allure-report"
+        "generateAllureReport": "allure generate ./reports/video-reports/allure-raw -o ./reports/video-reports/allure-report --clean && allure open ./reports/video-reports/allure-report",
+        "allurereport:ci": "allure generate ./reports/video-reports/allure-raw -o ./reports/video-reports/allure-report --clean"
     },
     "repository": {
         "type": "git",

package.json

@@ -1,5 +1,3 @@
-
-
 import Page from './page.js';
 
 /**

test/pageobjects/herokuApp/login.page.js

@@ -2,12 +2,8 @@ import LoginPage from '../pageobjects/herokuApp/login.page.js';
 import SecurePage from '../pageobjects/herokuApp/secure.page.js';
 
 describe('Login:', () => {
-    before('Open application', async () => {
-        await LoginPage.open();
-    });
-
     it('should login with valid credentials', async () => {
-
+        await LoginPage.open();
         await LoginPage.login('tomsmith', 'SuperSecretPassword!');
 
         await expect(SecurePage.flashAlert).toBeExisting();

test/specs/example.e2e.js

@@ -5,13 +5,13 @@ import { username, password } from '../../resources/config.js';
 
 describe('OrangeHRM Login Test', () => {
 
-    before('Open application', async () => {
+    it('should allow access with correct credential', async () => {
         await LoginPage.open();
-    });
 
-    it('should allow access with correct credential', async () => {
+        await expect(LoginPage.loginForm).toBeExisting();
+        
         await waitAndSetValue(LoginPage.username, username, 1000);
-        await waitAndSetValue(LoginPage.password, password, 500);
+        await waitAndSetValue(LoginPage.password, password, 1000);
         await LoginPage.loginBtn.click();
 
         await expect(Topbar.usernameDropdownMenu).toBeExisting();