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, an automatically 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, and it automatically builds and deploy a development environment version for every new commit.
UI/UX Validation
A better alternative than code Snapshot sampling.
- Playwright script is written to capture different mobile and desktop layouts with different simulated user interactions.
- A report will be generated to compare against the previous version layout, it will then run thru an approval workflow.
Going Live
Only commits that passes all checks can be approved and merged!
Once merged, it's automatically pushes to master and publishes to https://www.walcron.com