How we create the website:
Test Driven Development
Test are written before the implementation(¯\_(ツ)_/¯). Old components were written with new testcases for full code coverage.
Only 1 SNAPSHOT test were ever taken for React! (yes it's for html header)
It's an end-to-end 100% code coverage.
Github Pull Request
All new commits MUST HAVE to go thru a "pull request" -> "100% validated"
New commits have only 2 branches, master and develop to fit in Continous Integration methodology.
Github Workflow
During the pull-request, a verification is carried out in order:
- Linting, Prettifier.
- Type check build with NextJS.
- Code test with coverage.
- Publish code coverage for README tagging.
- Validate previous vs latest User-Interface change.
Testing Deployment
A hook was created in Vercel, that automatically build and deploy a development environment version for every new commit.
UI/UX Validation
A better alternative than code Snapshot sampling.
- A playwright script is written to generate reports on latest UI changes, which will then run thru an approval workflow.
- Implemented an auto approval workflow, that autofixes the snapshots and revalidate the pull-request again.
Going Live
Only commits that passes all checks can be approved and merged!
Once merged, it's automatically pushed into master and publishes to https://www.walcron.com