QA Automation Playground

This project is a lightweight React app, intended to create some somewhat interesting scenarios for experimenting with playwright, WDIO, and other automation tools that strike your fancy.

---

Available Scripts

Running locally

Will launch at http://localhost:9001/qa-playground:

npm start

Husky Hooks

pre-commit:

• Staged files will be formatted and linted with lint-staged and prettier; errors prevent commit.
• NOTE: src folder can be formatted at any time with npm run prettier, and checked by eslint with npm run lint.

pre-push:

• Unit tests will run; failures prevent the push.

Deployment

Deploy the site to GitHub Pages, as described below. Wraps the npm run build script.

npm run deploy

---

Unit Tests

Unit tests are written with React Testing Library.

To run all tests:

npm run test:unit

To run an individual test, see the command at the top of the file. Example:

npm run test:unit -- -t 'Main Tab Dates - Date Range'

---

Setup Notes

Versions

This was built on node 16.15.1 / npm 8.11.0.

Primary dependencies

• Mui
• APIs:
  • Wikimedia
  • Dog API

General

This project is a means to an end, and a simple deployment was a top priority.

• enable app routing
  • React Router v6 guide
• deploy to GitHub Pages for simplicity (via script, not GUI)
  • React docs
• preserve SPA routing functionality in deployed app
  • Super helpful example