Testing Configuration Generator

Create a complete testing setup for your project with our interactive wizard. Generate package.json, configuration files, and CI/CD pipelines tailored to your needs.

FrameworkStep 1

Testing ToolsStep 2

CoverageStep 3

CI/CDStep 4

PreviewStep 5

Framework

Select your frontend framework

Framework

Select your frontend framework

Project Information

Project Name *

Description

Choose Framework *

⚛️

React

Next.js

Production Ready

Full-stack React framework with built-in testing capabilities

SSR/SSG Testing

API Routes Testing

Built-in Test Runner

💚

Vue.js

Growing

Progressive framework with Vue Test Utils and Vitest integration

Vue Test Utils

Composition API Testing

Vitest Integration

🅰️

Angular

Enterprise

Enterprise framework with comprehensive testing tools

Jasmine/Karma

TestBed

Angular Testing Utilities

🔥

Svelte

Emerging

Compile-time framework with simple testing approach

Svelte Testing Library

Vitest Support

Simple Testing

Package Manager

Node.js Version

TypeScript

Add TypeScript support with types and configurations

Live Preview

See your generated configuration files in real-time

Framework:

None

Testing:

vitest + playwright

Coverage:

80%

CI/CD:

GitHub Actions

package.json

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "Testing configuration for my project",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview",
    "test": "vitest",
    "test:ui": "vitest --ui",
    "test:run": "vitest run",
    "test:coverage": "vitest run --coverage",
    "test:watch": "vitest --watch",
    "test:e2e": "playwright test",
    "test:e2e:ui": "playwright test --ui",
    "test:e2e:headed": "playwright test --headed",
    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
    "lint:fix": "eslint . --ext ts,tsx --fix",
    "format": "prettier --write .",
    "format:check": "prettier --check .",
    "typecheck": "tsc --noEmit",
    "test:allure": "vitest run --reporter=json --outputFile=test-results/results.json && allure generate test-results --clean -o allure-report"
  },
  "dependencies": {},
  "devDependencies": {
    "typescript": "^5.3.0",
    "@types/node": "^20.0.0",
    "vitest": "^1.4.0",
    "@vitest/ui": "^1.4.0",
    "@vitest/coverage-v8": "^1.4.0",
    "@playwright/test": "^1.42.0",
    "allure-commandline": "^2.27.0",
    "allure-vitest": "^2.8.0",
    "eslint": "^8.57.0",
    "prettier": "^3.3.0"
  }
}

5 configuration files will be generated