Loading baseURL from your .env files for consistency.

Author: letzautomate

README.md

@@ -96,7 +96,20 @@ e2e-playwright-framework/
 ├── DockerFile.playwright # Dockerfile for CI/CD
 ├── .github/workflows/    # GitHub Actions workflows
 ```
+## 🌐 Overriding baseURL
 
+- By default, `baseURL` is loaded from your environment file (e.g., `env/.env.dev1`).
+- To override for a specific run, set the `BASE_URL` variable:
+
+```sh
+BASE_URL=https://another-url.com npm test
+```
+
+- Or use a different environment:
+
+```sh
+TEST_ENV=dev1 npm test
+```
 ---
 
 ## ✅ GitHub Actions CI/CD
@@ -148,6 +161,8 @@ This project uses **GitHub Actions** to automate test execution and reporting.
 
 ---
 
+
+
 ## 📄 License
 
 MIT © 2025 Ramakrishna Jangatisetty

env/.env.dev1

@@ -1,3 +1,3 @@
-URL=https://saucedemo.com
+BASE_URL=https://saucedemo.com
 USERNAME=standard_user
 PASSWORD=secret_sauce

env/.env.dev2

@@ -1,3 +1,3 @@
-URL=https://saucedemo.com
+BASE_URL=https://saucedemo.com
 USERNAME=standard_user
 PASSWORD=secret_sauce

env/.env.qa1

@@ -1,3 +1,3 @@
-URL=https://saucedemo.com
+BASE_URL=https://saucedemo.com
 USERNAME=standard_user
 PASSWORD=secret_sauce

env/.env.qa2

@@ -1,3 +1,3 @@
-URL=https://saucedemo.com
+BASE_URL=https://saucedemo.com
 USERNAME=standard_user
 PASSWORD=secret_sauce

global/test-run-context.json

@@ -1,6 +1,6 @@
 {
-  "testRunId": "run_20250628182021939",
-  "startTime": "2025-06-28T18:20:21.939Z",
+  "testRunId": "run_20250628215003653",
+  "startTime": "2025-06-28T21:50:03.653Z",
   "environment": "qa1",
   "project": "e2e-playwright-typescript-framework",
   "status": "in-progress"

pages/LoginPage.ts

@@ -21,7 +21,7 @@ export class LoginPage extends BasePage {
     }
 
     async goto() {
-        await this.page.goto(config.url)
+        await this.page.goto(config.baseUrl)
     }
 
     constructor(page: Page) {

playwright.config.ts

@@ -1,6 +1,13 @@
 import { defineConfig } from '@playwright/test';
+import * as dotenvFlow from 'dotenv-flow';
 import path from 'path';
 
+// Load env variables before config is defined
+dotenvFlow.config({
+  path: path.resolve(__dirname, 'env'),
+  node_env: process.env.TEST_ENV || 'local'
+});
+
 export default defineConfig({
   testDir: './tests',
   workers: 2,
@@ -24,4 +31,4 @@ export default defineConfig({
 
   globalSetup: require.resolve('./global/setup.ts'),
   globalTeardown: require.resolve('./global/teardown.ts'),
-});
+});

utils/config.ts

@@ -10,7 +10,7 @@ dotenvFlow.config({
 });
 
 interface TestConfig {
-  url: string;
+  baseUrl: string;
   username: string;
   password: string;
 }
@@ -23,7 +23,7 @@ function assertEnvVar(name: string, value: string | undefined): string {
 }
 
 export const config: TestConfig = {
-  url: assertEnvVar('URL', process.env.URL),
+  baseUrl: assertEnvVar('URL', process.env.BASE_URL),
   username: assertEnvVar('USERNAME', process.env.USERNAME),
   password: assertEnvVar('PASSWORD', process.env.PASSWORD),
 };