DevFlow

Testing

Add Vitest, Jest, Playwright, Cypress, Testing Library or MSW to a JavaScript project. DevFlow creates the configs, packages and npm scripts.

Vitest

Fast Vite-native test runner — zero-config, TypeScript-first.

📖 Official Docs

  • ID: vitest
  • Category: Testing
  • Conflicts with: Jest

What it does

  • Installs vitest and @vitest/coverage-v8
  • Creates vitest.config.ts
  • Adds test, test:watch, and test:coverage scripts

Jest

Full-featured test runner — the most popular testing framework.

📖 Official Docs

  • ID: jest
  • Category: Testing
  • Conflicts with: Vitest

What it does

  • Installs jest and related packages (TypeScript support if needed)
  • Creates jest.config.ts or jest.config.js
  • Adds test and test:coverage scripts

Testing Library

DOM testing utilities — test React/Vue components by user behavior, not implementation.

📖 Official Docs

  • ID: testing-library
  • Category: Testing
  • Recommended for: React, Vue, Next.js, Nuxt

What it does

Stack-specific installation:

StackPackages
React / Next.js@testing-library/react, @testing-library/jest-dom, @testing-library/user-event
Vue / Nuxt@testing-library/vue, @testing-library/jest-dom

Playwright

Cross-browser E2E testing — test your app in Chromium, Firefox, and WebKit.

📖 Official Docs

  • ID: playwright
  • Category: Testing
  • Conflicts with: Cypress

What it does

  • Installs @playwright/test
  • Creates playwright.config.ts
  • Adds test:e2e and test:e2e:ui scripts
  • Creates an example test file

Cypress

E2E & component testing — developer-friendly testing with time-travel debugging.

📖 Official Docs

  • ID: cypress
  • Category: Testing
  • Conflicts with: Playwright

What it does

  • Installs cypress
  • Creates cypress.config.ts
  • Adds cypress:open and cypress:run scripts

MSW (Mock Service Worker)

API mocking — intercept network requests at the service worker level.

📖 Official Docs

  • ID: msw
  • Category: Testing

What it does

  • Installs msw
  • Creates handler stubs in src/mocks/
  • Sets up browser and server handlers

Code Quality

Set up ESLint, Prettier or Biome in a JavaScript or TypeScript project. DevFlow generates stack-aware flat configs for React, Vue and NestJS.

CI/CD

Generate GitHub Actions workflows, GitLab CI pipelines and Dependabot or Renovate configuration for Node.js projects in one command.

On this page

VitestWhat it doesJestWhat it doesTesting LibraryWhat it doesPlaywrightWhat it doesCypressWhat it doesMSW (Mock Service Worker)What it does