Refactor

.gitignore

@@ -3,3 +3,7 @@ node_modules/
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

package.json

@@ -8,7 +8,10 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.42.1",
+    "@playwright/test": "^1.44.1",
     "@types/node": "^20.11.24"
+  },
+  "dependencies": {
+    "dotenv": "^16.4.5"
   }
 }

playwright.config.js

@@ -1,80 +1,46 @@
-// @ts-check
-const { defineConfig, devices } = require('@playwright/test');
+const { defineConfig } = require('@playwright/test');
+const dotenv = require('dotenv');
+const Browser = require('./src/browsers/BrowserManager');
 
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// require('dotenv').config();
 
-/**
- * @see https://playwright.dev/docs/test-configuration
- */
+dotenv.config({
+  path: `./src/env/.env.stg`,
+  override: true
+});
+
 module.exports = defineConfig({
-  testDir: './tests',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] },
+    browserName: Browser.type(process.env.BROWSER),
+    launchOptions: {
+      args: ['--disable-extensions', '--disable-plugins'],
+      headless: process.env.CI ? true : false,
+      // slowMo: 1000,
     },
-
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-
-    {
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
+    viewport: { width: 1600, height: 1200 },
+    ignoreHTTPSErrors: true,
+    screenshot: {
+      mode: 'on',
+      fullPage: true
     },
+    video: 'retain-on-failure',
+    trace: 'on'
+  },
 
-   //Test against mobile viewports. 
-    //  {
-    //   name: 'Mobile Chrome',
-    //    use: { ...devices['Pixel 7'] },
-    //  },
-    //  {
-    //   name: 'Mobile Safari',
-    //    use: { ...devices['iPhone 14'] },
-    // },
-
-    /* Test against branded browsers. */
+  // Change default timeout for each test
+  timeout: 300000,
+  // Change default timeout for assertion
+  expect: {
+    timeout: 40000
+  },
+  testDir: './src/tests',
+  outputDir: './test-results/failure',
+  fullyParallel: false,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 1 : 0,
+  workers: process.env.CI ? 2 : 1,
+  reporter: process.env.CI ?
+  reporter: 'html',
+});
 
-          {
-          name: 'Microsoft Edge',
-        use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    },
-    {
-       name: 'Google Chrome',
-       use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    },
-  ],
 
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});
 

src/.env/.env.prod

@@ -0,0 +1 @@
+URL = 'https://rootstrap.com/'

src/.env/.env.stg

@@ -0,0 +1 @@
+URL = 'https://rs2-0-1.webflow.io/'