Testable Demo Project

Showcase several ways to test modern applications by example of a .NET service and a React SPA.

Disclaimer

• Demo project for test types, ignore configuration/security settings/code style

Prerequisites

• .NET 9
• React 19
• Node.js
• Podman

Test Frameworks used

• Jest
• React Testing Library
• XUnit
• TestContainers
• Playwright
• Axe
• k6
• Verify

Usage

Create and run database

podman run --name test-db -p 5432:5432 -e POSTGRES_PASSWORD=postgres -e POSTGRES_USER=postgres -d postgres

Run the backend service

dotnet run --project src/backend/Testable.Api/Testable.Api.csproj

Configure the frontend application

Create a .env file in the src/frontend directory with the following content:

BACKEND_URL=http://localhost:5266

Run the frontend application

cd src/frontend
npm install
npm start

Run backend unit and integration tests

cd src/backend
dotnet test

Run frontend unit/component tests

cd src/frontend
npm install
npm run test

Run frontend playwright tests

cd src/frontend
npm install
npm run playwright

Run k6 performance tests

cd src/k6
k6 run test.js