Complete deployment pipeline of Todo App with using Playwright

Author

• @Valiantsin2021

Repository Overview

This repository provides an example of the complete deployment pipeline of the "Todo App". Includes:

1. Static code checks, linting and formatting

2. API and UI tests of the application with the Playwright

3. Performance test with Loghthouse

4. Github actions workflows for the build and test in a Docker container, deployment pipeline to Render.io and Health check pipeline

Setup

1. Clone this repository or unzip the downloaded file.
2. Install dependencies with npm install.
3. Run tests using the following commands:
   • docker build -t <desired image name> .
   • docker run -it --rm --name <desired container name> -v ./allure-report:/app/allure-report -p 3000:3000 <docker image name from previous step> npm test
   • docker run -it --rm --name direct -v ${pwd}:/app -w /app -p 3000:3000 mcr.microsoft.com/playwright:v1.42.1-jammy npm t
   • npm run test to run the test file.
   • npm run posttest to create an Allure report.
   • npm run reset to reset the database of the app

🔗 Links

Small print

Author of the TodoMVC app used for testing: Gleb Bahmutov <gleb.bahmutov@gmail.com> © 2022