setting up playwright testing env and config.js

Author: shivaahir158

.gitignore

@@ -56,3 +56,7 @@ coverage/
 venv/
 ENV/
 env/
+/test-results/
+/playwright-report/
+/blob-report/
+/playwright/.cache/

jest.config.js

@@ -7,9 +7,24 @@ module.exports = {
 
   collectCoverage: true,
   collectCoverageFrom: [
-    "src/**/*.{js,jsx}",   
-    "src/tests/**/*.{js,jsx}"  
+    "src/**/*.{js,jsx}",
+    "!src/**/*.test.{js,jsx}",
+    "!src/tests/**/*.{js,jsx}"
   ],
-  coverageReporters: ['text', 'lcov'],
+  coverageReporters: ['text', 'lcov', 'json', 'html'],
   coverageDirectory: "coverage",
+
+  coverageThreshold: {
+    global: {
+      branches: 80,
+      functions: 85,
+      lines: 90,
+      statements: 90,
+    },
+  },
+
+  testPathIgnorePatterns: [
+    "/node_modules/",
+    "/playwright_e2e/"
+  ],
 };

package.json

@@ -7,7 +7,9 @@
   "scripts": {
     "start": "webpack --mode development && electron . --development",
     "build": "webpack --mode production && electron .",
-    "test": "jest --coverage --coverageDirectory=coverage", 
+    "test": "jest --coverage --coverageDirectory=coverage",
+    "test:jest": "jest --coverage --coverageDirectory=coverage",
+    "test:playwright": "npx playwright test",
     "postinstall": "electron-builder install-app-deps",
     "pack": "electron-builder --dir",
     "dist": "pyinstaller --distpath backend --workpath dist -y --clean -n restapi_server.exe --onefile backend/restapi_server.py && webpack --mode production && electron-builder -p never"
@@ -91,7 +93,7 @@
     "@testing-library/user-event": "^14.5.2",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
-    "babel-plugin-istanbul": "^7.0.0",  
+    "babel-plugin-istanbul": "^7.0.0",
     "css-loader": "^6.10.0",
     "electron": "^28.2.2",
     "electron-builder": "^24.13.3",
@@ -105,7 +107,8 @@
     "react-test-renderer": "^18.3.1",
     "style-loader": "^3.3.4",
     "webpack": "^5.90.1",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^5.1.4",
+    "playwright": "^1.39.2" 
   },
   "dependencies": {
     "antd": "^5.15.4",

playwright.config.js

@@ -0,0 +1,42 @@
+const { defineConfig, devices } = require('@playwright/test');
+
+module.exports = defineConfig({
+  testDir: './playwright_e2e',
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  workers: process.env.CI ? 1 : undefined,
+  reporter: 'html',
+  use: {
+    baseURL: 'http://127.0.0.1:8081',
+    trace: 'on-first-retry',
+  },
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+    {
+      name: 'firefox',
+      use: { ...devices['Desktop Firefox'] },
+    },
+    {
+      name: 'webkit',
+      use: { ...devices['Desktop Safari'] },
+    },
+  ],
+  webServer: {
+    command: 'npm run playwright-server',
+    url: 'http://127.0.0.1:8081',
+    reuseExistingServer: !process.env.CI,
+  },
+});
+
+module.exports = {
+  testDir: './playwright_e2e',
+  timeout: 60000,
+  retries: 1,
+  use: {
+    headless: false,
+  },
+};