Multiple Environments: Test on a single PW test that it can pick up U…

…RL value from a dotenv file

env/.env.local

@@ -0,0 +1,2 @@
+URL="http://localhost:3000"
+WHERE="local machine, relax"

env/.env.prod

@@ -0,0 +1,2 @@
+URL="https://todomvc.com/examples/emberjs/todomvc/dist/"
+WHERE="!! PRODUCTION !!"

package.json

@@ -10,5 +10,8 @@
   "devDependencies": {
     "@playwright/test": "^1.43.1",
     "@types/node": "^20.12.7"
+  },
+  "dependencies": {
+    "dotenv": "^16.4.5"
   }
 }

playwright.config.ts

@@ -1,4 +1,9 @@
 import { defineConfig, devices } from '@playwright/test';
+import dotenv from 'dotenv';
+
+dotenv.config({
+  path: './env/.env.prod'
+})
 
 /**
  * Read environment variables from file.

tests/adding-items.spec.ts

@@ -14,8 +14,15 @@ let navigate: Navigate;
 
 test.beforeEach(
     async({ page })=>{
+        console.log(process.env.URL);
+        console.log(process.env.WHERE);
         navigate = new Navigate(page);
-        await navigate.toHomePage();
+
+        //cast to string so the arg type (string | undefined) becomes compatible with the expected type (string)
+        page.goto(process.env.URL as string);
+
+        //uncomment when you're done confirming that the process.env.URL is picking up the value
+        //await navigate.toHomePage();
 
         //Invoke the page object to grab locator(s)
         todoForm = new TodoForm(page);