Migrate playwright tests to repo

angular.json

@@ -80,7 +80,8 @@
             "tsConfig": "tsconfig.spec.json",
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.css"],
-            "scripts": []
+            "scripts": [],
+            "exclude": ["playwright"]
           }
         },
         "lint": {

package.json

@@ -16,7 +16,9 @@
     "build": "ng build",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",
-    "lint": "ng lint"
+    "lint": "ng lint",
+    "playwright-install": "pip install -r requirements.txt && playwright install",
+    "playwright-test": "cd playwright/tests && pytest"
   },
   "private": true,
   "dependencies": {

playwright/.github/workflows/playwright.yml

@@ -0,0 +1,27 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ main, master ]
+  pull_request:
+    branches: [ main, master ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v4
+    - uses: actions/setup-node@v4
+      with:
+        node-version: lts/*
+    - name: Install dependencies
+      run: npm ci
+    - name: Install Playwright Browsers
+      run: npx playwright install --with-deps
+    - name: Run Playwright tests
+      run: npx playwright test
+    - uses: actions/upload-artifact@v4
+      if: always()
+      with:
+        name: playwright-report
+        path: playwright-report/
+        retention-days: 30

playwright/.gitignore

@@ -0,0 +1,14 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+*.pyc
+*.pyo
+# Ignore folders generated by Bundler
+.bundle/
+vendor/
+# Ignore Mac DS_Store files
+.DS_Store
+**/.DS_Store
+# Ignore .vscode settings folder
+.vscode/

playwright/README.md

@@ -0,0 +1,84 @@
+# Testing of Carbon Estimator using Playwright and Python
+
+
+
+## Python
+Python homepage
+https://www.python.org/downloads/release/python-3110/
+
+## Playwright
+Installation of Playwright: https://playwright.dev/python/docs/intro
+
+Install the Pytest plugin:
+`pip install pytest-playwright`
+
+Install the required browsers:
+`playwright install`
+
+
+Playwright demo tests: https://playwright.dev/python/docs/writing-tests
+
+
+## Playwright - Run tests
+Running tests: https://playwright.dev/python/docs/running-tests
+
+To run a test:
+Tests can be run in the Command Prompt terminal or using a code editor (for instance - Visual Studio Code).
+
+Visual Studio Code download:
+https://code.visualstudio.com/
+
+Ensure you are pointing to the folder containing the test cases.
+Example: `C:\Development\Technology-Carbon-Standard\tests_tcs>` 
+
+To run a test in `C:\Development\Technology-Carbon-Standard\tests_tcs>`:
+
+Test name must begin with `test`, must be prefixed by the command `pytest` and must be suffixed by `.py`
+
+Example command: `pytest test_2_EstTool_HappyPath_Default.py`
+
+Line should look like: `C:\Development\Technology-Carbon-Standard\tests_tcs>pytest test_2_EstTool_HappyPath_Default.py` 
+
+If successful, output in terminal window will be along lines of `1 passed in 4.23s`
+
+Test name example will have a green full stop `.` suffix:
+Example: `test_2_EstTool_HappyPath_Default.py .`
+
+If test fails, output in terminal window will be along lines `1 failed in 1.38s`
+
+Test name example will have `F` suffix:
+Example: `test_2_EstTool_HappyPath_Default.py F`
+
+Cause of test failure is output in the same terminal window
+
+Tests are automatically “headless”, meaning no browser window will be opened while running the tests and only results (Pass or Fail) will be seen in the terminal. However, you can run tests in headed mode by using the `--headed`
+and the browser window will open.
+
+Example: `pytest test_2_EstTool_HappyPath_Default.py --headed`
+
+If you would like to view test flow in browser as it runs step by step but find that tests run too quick (browser window opens and closes too quickly) you can slow test down by adding `--slowmo`
+
+Example: `pytest test_2_EstTool_HappyPath_Default.py --headed --slowmo 1000` (or 2000)
+
+Tests can be run in different browsers (Use `chromium` for Chrome, `firefox` for Firefox & `webkit` for Safari). The following test will run on firefox and browser window will be open.
+
+Example: `pytest test_2_EstTool_HappyPath_Default.py --browser=firefox --headed`
+
+Note: All tests are pointing to `http://localhost:4200/`, if there is an issue with this (possibly 4200 may already be in use) then you may be directed to a different url, example `http://localhost:5600/`
+If this is the case then then the code within each individual test to be run may need updated to match with localhost address otherwise the test(s) will fail. No global file was available to cover this scenario.
+
+# Running Carbon Estimator Tool
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.1.4.
+
+Run `npm install` to get the most recent dependencies
+
+## Development server
+
+Run `ng serve` or `npm run start` for a dev server. 
+
+Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+
+As mentioned previously, if directed to `http://localhost:5600/` instead of `http://localhost:4200/` then will have to update tests to match
+
+