Skip to content

AlexFilippov-it/wrighttest

Repository files navigation

🎭 WrightTest

Low-code UI test automation platform powered by Playwright.
Create, record, and run browser tests through a web interface - no code required.

License TypeScript Playwright Docker Stars Last Commit CI

✨ Features

  • Visual Recorder - click through your app via noVNC, steps captured automatically
  • Smart Locators - uses getByRole, getByLabel, href instead of fragile CSS paths
  • Assertions Builder - toBeVisible, toHaveText, toHaveURL and more
  • Mobile Testing - emulate iPhone 15, Pixel 7, iPad and other devices
  • Environments - {{BASE_URL}}, {{PASSWORD}} replaced at runtime per environment
  • Scheduler - cron-based automatic runs with full history per schedule
  • Suites - group tests and run them with one click or on schedule
  • Trace Viewer - built-in Playwright trace viewer after every run
  • Notifications - Telegram / Slack alerts on FAILED
  • Export - download tests as .spec.ts, run with npx playwright test
  • Import - paste existing Playwright script, get a visual test
  • Dashboard - pass rate over time and flaky test detection

How WrightTest compares

Feature WrightTest Cypress Selenium IDE Playwright UI
No-code recorder βœ… ❌ βœ… ❌
Docker one-command βœ… ❌ ❌ ❌
Mobile emulation βœ… ⚠️ ❌ βœ…
Built-in scheduler βœ… ❌ ❌ ❌
Export to .spec.ts βœ… ❌ ❌ ❌
Self-hosted βœ… βœ… βœ… ❌
Trace Viewer built-in βœ… ❌ ❌ βœ…

πŸš€ Quick Start (Docker-first)

Requirements: Docker, Docker Compose

git clone https://github.com/AlexFilippov-it/wrighttest.git
cd wrighttest

cp .env.example .env
# Edit .env - set JWT_SECRET to a long random string (required)

docker compose up --build
Service URL
App http://localhost:5173
API http://localhost:3000
noVNC http://localhost:6080

Default admin login is defined in .env:

  • ADMIN_EMAIL=admin@wrighttest.com
  • ADMIN_PASSWORD=changeme

On an empty database the seed also creates a Docker Demo project with two sample tests, a DEV environment, a Smoke Test suite, and an hourly schedule.

This path is the recommended first launch on any machine. The backend image is built on the Playwright-ready base image and includes the browser bundle, so no host browser or system library setup is required.

πŸ€– AI Quick Start

If you are working with an AI coding agent, start here first:

It contains the canonical repo workflow, startup order, and environment rules for WrightTest.

πŸ›  Host Fallback (optional)

Use this only if you want to run the frontend with Vite and the backend on the host.

Requirements: Node.js 20+, PostgreSQL 16, Redis 7

git clone https://github.com/AlexFilippov-it/wrighttest.git
cd wrighttest

cp .env.example .env
# Edit DATABASE_URL for local PostgreSQL

npm install
npm run setup
cd backend && npx prisma migrate dev && npx prisma db seed && cd ..
npm run dev

npm install now runs a Playwright bootstrap step for Chromium. On Ubuntu/Linux it will also try to install system dependencies when the terminal session allows it. If Playwright still cannot launch Chromium, run the same bootstrap manually and then install Linux deps:

npm run setup
npx playwright install chromium
sudo npx playwright install-deps chromium
Service URL
Frontend http://localhost:5173
Backend http://localhost:3000

If the host environment still reports missing Playwright libraries, rerun npm run setup once from the repo root. On Ubuntu/Linux this may fall back to npx playwright install-deps chromium when needed.

πŸ”„ Updating

git pull
docker compose up --build -d

On first launch or after resetting volumes:

cp .env.example .env
# Make sure JWT_SECRET is set to a long random value
docker compose up --build -d

Migrations apply automatically on startup. Existing projects, tests and run history are preserved in the Postgres volume.

πŸ”§ Changing Ports

All ports are in .env - no hardcoded values in code:

BACKEND_PORT=3001
FRONTEND_PORT=8080
NOVNC_PORT=6081

Then restart:

docker compose up --build -d

πŸ“Έ Product Tour

Projects overview

Projects overview with health summaries, project status, and onboarding.

Project workspace checks tab Project alerts tab

Project workspace with checks, schedules, alerts, and operational summaries.

Check editor Global runs page

Edit browser checks visually and review global execution history across projects.

Live browser recording

Live recording captures Playwright-ready selectors directly from the browser session.

πŸ— Architecture

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”   POST /recordings/start   β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  noVNC      β”‚ ─────────────────────────▢ β”‚ playwright codegenβ”‚
β”‚  (iframe)   β”‚ ◀──── sessionId ─────────  β”‚ headed browser   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                            β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
      β”‚ clicks recorded as Steps
      β–Ό
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”   POST /tests/:id/run      β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ Step Editor β”‚ ─────────────────────────▢ β”‚ BullMQ + Redis   β”‚
β”‚ + Validate  β”‚                            β”‚ Worker queue     β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                            β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
      β”‚
Playwright headless
      β”‚
β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”   polling GET /runs/:id    β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚ Run Result  β”‚ ◀───────────────────────── β”‚ Screenshots      β”‚
β”‚ Trace Viewerβ”‚                            β”‚ Traces           β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                            β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

πŸ“¦ Stack

Layer Technology
Frontend React + TypeScript + Vite + Ant Design
Backend Node.js + Fastify + TypeScript
ORM Prisma + PostgreSQL
Queue BullMQ + Redis
Runner Playwright (Chromium)
VNC noVNC + Xvfb + x11vnc
Auth JWT + bcrypt
Container Docker Compose

πŸ“‹ Roadmap

  • Network mocking (page.route())
  • CLI tool (wrighttest run --project-id)
  • Export full Playwright project
  • Test-to-Doc export
  • Allure / TestIT integration

πŸ“¦ Docker Image

The Docker image badge will be added after the first public image publish.

πŸ“„ License

WrightTest is source-available, but not open-source under the OSI definition.

You may use, copy, modify, and run WrightTest for personal, educational, research, internal, and evaluation purposes, including testing your own applications, websites, services, or products.

You may not sell WrightTest as a standalone product or offer WrightTest, or a modified version of WrightTest, as a public hosted service without prior written permission.

See LICENSE for details.

About

Low-code UI test automation powered by Playwright. No-code recorder, mobile testing, Docker.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Packages

 
 
 

Contributors