Use environment variables in playwright tests

Author: babinkarmacharya79

packages/e2e-tests/.env.example

@@ -0,0 +1,2 @@
+#Playwright Base URL
+APP_BASE_URL=

packages/e2e-tests/tests/field_report/fieldReport.spec.ts

@@ -8,80 +8,81 @@ test.describe("test suite for Field report", async () => {
     await login(
       page,
       process.env.APP_URL,
-      process.env.USER_NAME,
-      process.env.PASSWORD
+      process.env.PLAYWRIGHT_USER_NAME,
+      process.env.PLAYWRIGHT_USER_PASSWORD
     );
   });
 
   test("Field report for Event", async ({ page }) => {
 
-    const { formName,
-            country,
-            district,
-            disasterType,
-            date,
-            title,
-            govRequest,
-            nationalsocietyRequest,
-            num_injured,
-            gov_num_injured,
-            other_num_injured,
-            num_dead,
-            gov_num_dead,
-            other_num_dead,
-            num_missing,
-            gov_num_missing,
-            other_num_missing,
-            num_affected,
-            gov_num_affected,
-            other_num_affected,
-            num_displaced,
-            other_num_displaced,
-            gov_num_displaced,
-            other_sources,
-            gov_num_assisted,
-            num_assisted,
-            num_localstaff,
-            num_volunteers,
-            num_expats_delegates,
-            actionHuman,
-            actionEvacuation,
-            actionHealth,
-            actionShelter,
-            actionCamp,
-            actionFirst,
-            actionPsychosocial,
-            actionFood,
-            nationalSocietySummary,
-            federationSummary,
-            rcrcSummary,
-            informationBulletin,
-            actionOther,
-            interventionOptionOne,
-            interventionOptionTwo,
-            interventionOptionThree,
-            drefRequested,
-            emergencyAppeal,
-            rapidResponse,
-            emergencyResponse,
-            originatorName,
-            originatorTitle,
-            originatorEmail,
-            originatorPhone,
-            nationalName,
-            nationalTitle,
-            nationalEmail,
-            nationalPhone,
-            ifrcName,
-            ifrcTitle,
-            ifrcEmail,
-            ifrcPhone,
-            mediaName,
-            mediaTitle,
-            mediaEmail,
-            mediaPhone,
-            visibiltyOptOne,
-            visibiltyOptTwo
+    const {
+      formName,
+      country,
+      district,
+      disasterType,
+      date,
+      title,
+      govRequest,
+      nationalsocietyRequest,
+      num_injured,
+      gov_num_injured,
+      other_num_injured,
+      num_dead,
+      gov_num_dead,
+      other_num_dead,
+      num_missing,
+      gov_num_missing,
+      other_num_missing,
+      num_affected,
+      gov_num_affected,
+      other_num_affected,
+      num_displaced,
+      other_num_displaced,
+      gov_num_displaced,
+      other_sources,
+      gov_num_assisted,
+      num_assisted,
+      num_localstaff,
+      num_volunteers,
+      num_expats_delegates,
+      actionHuman,
+      actionEvacuation,
+      actionHealth,
+      actionShelter,
+      actionCamp,
+      actionFirst,
+      actionPsychosocial,
+      actionFood,
+      nationalSocietySummary,
+      federationSummary,
+      rcrcSummary,
+      informationBulletin,
+      actionOther,
+      interventionOptionOne,
+      interventionOptionTwo,
+      interventionOptionThree,
+      drefRequested,
+      emergencyAppeal,
+      rapidResponse,
+      emergencyResponse,
+      originatorName,
+      originatorTitle,
+      originatorEmail,
+      originatorPhone,
+      nationalName,
+      nationalTitle,
+      nationalEmail,
+      nationalPhone,
+      ifrcName,
+      ifrcTitle,
+      ifrcEmail,
+      ifrcPhone,
+      mediaName,
+      mediaTitle,
+      mediaEmail,
+      mediaPhone,
+      visibiltyOptOne,
+      visibiltyOptTwo
      } = fixtureData;
 
     await page.getByRole("button", { name: "Create a Report" }).click();

packages/e2e-tests/tests/loginLogout.spec.ts

@@ -5,26 +5,26 @@ test("Login", async ({ page }) => {
   await login(
     page,
     process.env.APP_URL,
-    process.env.USER_NAME,
-    process.env.PASSWORD
+    process.env.PLAYWRIGHT_USER_NAME,
+    process.env.PLAYWRIGHT_USER_PASSWORD
   );
   await expect(page.getByRole("navigation")).toContainText(
-    process.env.USER_NAME
+    process.env.PLAYWRIGHT_USER_NAME
   );
-  await page.getByRole("button", { name: process.env.USER_NAME }).click();
+  await page.getByRole("button", { name: process.env.PLAYWRIGHT_USER_NAME }).click();
 });
 
 test("logout", async ({ page }) => {
   await login(
     page,
     process.env.APP_URL,
-    process.env.USER_NAME,
-    process.env.PASSWORD
+    process.env.PLAYWRIGHT_USER_NAME,
+    process.env.PLAYWRIGHT_USER_PASSWORD
   );
   await expect(page.getByRole("navigation")).toContainText(
-    process.env.USER_NAME
+    process.env.PLAYWRIGHT_USER_NAME
   );
-  await page.getByRole("button", { name: process.env.USER_NAME }).click();
+  await page.getByRole("button", { name: process.env.PLAYWRIGHT_USER_NAME }).click();
   await page.getByRole("button", { name: "Logout" }).click();
   await page.getByRole("button", { name: "Ok" }).click();
   await expect(page.getByRole("navigation")).toContainText("Login");