Playwright Configuration

Author: akshayp7

.dockerignore

@@ -0,0 +1,5 @@
+node_modules/
+test-results/
+allure-results/
+allure-report/
+Downloads/

.eslintrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+  env: {
+    node: true,
+    es2021: true,
+  },
+  extends: [`eslint-recommended`, `plugin:@typescript-eslint/recommended`],
+  parser: `@typescript-eslint/parser`,
+  plugins: [`@typescript-eslint`],
+  rules: {
+    quotes: [`error`, `backtick`],
+    semi: [`error`, `always`],
+  },
+};

.gitignore

@@ -0,0 +1,5 @@
+node_modules/
+test-results/
+allure-results/
+allure-report/
+Downloads/

Dockerfile

@@ -0,0 +1,17 @@
+FROM mcr.microsoft.com/playwright:next
+
+WORKDIR /app
+
+COPY package.json package-lock.json ./
+
+RUN npm ci
+
+COPY . .
+
+RUN npx playwright install chrome
+
+CMD ["npm","run","test:serial"]
+
+
+
+

package-lock.json

@@ -1,15 +1,39 @@
 {
-  "name": "playwright-ts",
+  "name": "playwright-typescipt-playwright-test",
   "version": "1.0.0",
   "description": "Playwright Framework with Typescript",
   "main": "index.js",
   "scripts": {
-    "test": "npx playwright test"
+    "test": "npx playwright test",
+    "test:single":"npx playwright test GoogleSearch.test.ts --project=Chrome",
+    "test:parallel":"npx playwright test --grep @Regression --project=Chrome",
+    "test:serial":"npx playwright test --grep @Regression --workers=1 --project=Chrome",
+    "test:api":"npx playwright test --grep @api --workers=1 --project=Chrome",
+    "test:record":"npx playwright codegen",
+    "test:visual":"npx playwright test visualComparision.test.ts --project=Chrome",
+    "test:device":"npx playwright test Emulation.test.ts --project=Chrome",
+    "test:report":"allure serve"
+
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/akshayp7/playwright-typescipt-playwright-test.git"
   },
   "author": "Akshay Pai",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "@playwright/test": "^1.14.1",
+    "@types/crypto-js": "^4.0.2",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
+    "@typescript-eslint/parser": "^4.30.0",
+    "crypto-js": "^4.1.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-import": "^2.24.2",
+    "exceljs": "^4.3.0",
+    "experimental-allure-playwright": "0.0.3",
+    "pg": "^8.7.1",
+    "playwright": "^1.14.1",
+    "supertest": "^6.1.6",
+    "typescript": "^4.4.2"
+  }
 }

package.json

@@ -0,0 +1,116 @@
+import { devices } from 'playwright';
+
+module.exports = {
+  //sets timeout for each test case
+  timeout: 300000,
+
+  //number of retries if test case fails
+  retries: 0,
+
+  //Reporters
+  reporter: [[`list`], [`experimental-allure-playwright`]],
+
+  projects: [
+    {
+      name: `Chrome`,
+      use: {
+        // Configure the browser to use.
+        browserName: `chromium`,
+
+        //Chrome Browser Config
+        channel: `chrome`,
+
+        //Browser Mode
+        headless: `true`,
+
+        //Slows down execution by ms
+        slowMo: 0,
+
+        //Browser height and width
+        viewport: { width: 1500, height: 730 },
+        ignoreHTTPSErrors: `true`,
+
+        //Enable File Downloads in Chrome
+        acceptDownloads: `true`,
+
+        //Artifacts
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+    {
+      name: `Chromium`,
+      use: {
+        browserName: `chromium`,
+        headless: `true`,
+        slowMo: 0,
+        viewport: { width: 1500, height: 730 },
+        ignoreHTTPSErrors: `true`,
+        acceptDownloads: `true`,
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+
+    {
+      name: `Firefox`,
+      use: {
+        browserName: `firefox`,
+        headless: `true`,
+        slowMo: 0,
+        viewport: { width: 1500, height: 730 },
+        ignoreHTTPSErrors: `true`,
+        acceptDownloads: `true`,
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+
+    {
+      name: `Edge`,
+      use: {
+        browserName: `chromium`,
+        channel: `msedge`,
+        headless: `true`,
+        slowMo: 0,
+        viewport: { width: 1500, height: 730 },
+        ignoreHTTPSErrors: `true`,
+        acceptDownloads: `true`,
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+    {
+      name: `WebKit`,
+      use: {
+        browserName: `webkit`,
+        headless: `true`,
+        slowMo: 0,
+        viewport: { width: 1500, height: 730 },
+        ignoreHTTPSErrors: `true`,
+        acceptDownloads: `true`,
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+    {
+      name: `Device`,
+      use: {
+        ...devices[`iPhone 12 Pro Max`],
+        browserName: `chromium`,
+        headless: `true`,
+        slowMo: 0,
+        ignoreHTTPSErrors: `true`,
+        acceptDownloads: `true`,
+        screenshot: `only-on-failure`,
+        video: `retain-on-failure`,
+        trace: `retain-on-failure`,
+      },
+    },
+  ],
+};