fixup! fixup! fixup! fixup! fixup! Introduce Playwright Component Testing (#857)

Author: bedrich-schindler

.env.playwright.dist

@@ -7,3 +7,6 @@ PW_WORKERS=1
 
 # Port used by Playwright Component Testing to serve the test files
 PW_CT_PORT=3100
+
+# Port used by Playwright Component Testing to serve the report
+PW_REPORT_PORT=9323

CONTRIBUTING.md

@@ -22,7 +22,7 @@ To change them, edit the `.env` file as needed.
 #### Node shell
 
 All npm commands such as `npm ci`, `npm test`, `npm run eslint` and others you
-need to run them within the `node_shell` docker container.
+need to run them within the `node_shell` Docker container.
 
 To log into the container, run:
 
@@ -72,8 +72,8 @@ docker compose run --rm node_shell
 
 #### Playwright
 
-Npm commands such as `test:playwright-ct:all` and `test:playwright-ct:all-with-update`
-you  need to run them within the `playwright` docker container.
+npm commands such as `test:playwright-ct:all` and `test:playwright-ct:all-with-update`
+need to be run them within the `playwright` Docker container.
 
 To log into the container, run:
 

TESTING.md

@@ -98,13 +98,15 @@ npm run test:playwright-ct:<all|all-with-update> -- <cli_argument>
 
 #### Opening Test Report
 
-After running Playwright tests, test report can be served into a browser
+After running Playwright tests, test report can be opened on the host system
 by using the following command:
 
 ```bash
-npx playwright show-report
+npm run test:playwright-ct:show-report
 ```
 
+Test report cannot be server Docker container yet.
+
 [gh-gg-node-shell]: /docs/contribute/general-guidelines#node-shell
 [gh-gg-playwright]: /docs/contribute/general-guidelines#playwright
 [playwright-cli]: https://playwright.dev/docs/test-cli#reference

package.json

@@ -59,7 +59,8 @@
     "test": "npm run test:jest",
     "test:jest": "jest src --coverage",
     "test:playwright-ct:all": "playwright test -c playwright-ct.config.js",
-    "test:playwright-ct:all-with-update": "playwright test -c playwright-ct.config.js --update-snapshots"
+    "test:playwright-ct:all-with-update": "playwright test -c playwright-ct.config.js --update-snapshots",
+    "test:playwright-ct:show-report": "playwright show-report --port=$(grep PW_REPORT_PORT .env.playwright | cut -d '=' -f2)"
   },
   "dependencies": {
     "normalize.css": "^8.0.1"