Skip to main content
Bugster supports all major JavaScript frameworks and generates automated tests for your web applications. This page provides detailed information about supported frameworks and routing patterns.
Framework Differences: Next.js and React have enhanced routing analysis features for the generate and update commands. Angular, Svelte, Vue, and other frameworks use AI agent-assisted test generation with Cursor or Claude Code.

​
Supported Frameworks

Next.js

Enhanced routing analysis support

React.js

Enhanced routing analysis support

Angular, Svelte, Vue & Others

AI agent-assisted test generation

​
Framework Implementation Differences

  • Next.js & React
  • Angular, Svelte, Vue & Others
Enhanced Routing AnalysisNext.js and React applications benefit from advanced routing analysis in the generate and update commands. Bugster automatically:
  • Detects and analyzes your application’s routing structure
  • Generates tests for all discovered routes
  • Updates test suites when routes change
  • Handles dynamic routes and nested layouts
This routing-aware approach ensures comprehensive test coverage across your application.

​
Next.js Support

Bugster provides enhanced routing analysis for Next.js applications across different routing patterns.

​
Supported Routing Patterns

  • Pages Router
  • App Router
Pages Router (/pages directory - Next.js 12 and legacy versions)
// pages/index.js
export default function Home() {
  return <div>Welcome to the homepage</div>
}
Bugster automatically detects all pages in your /pages directory and generates tests for static and dynamic routes.

​
React.js Support

Bugster provides enhanced routing analysis for React 18+ applications using React Router DOM.

​
Supported Routing Patterns

  • Code-based Routing
  • File-based Routing
Code-based routing - Routes defined programmatically in your code
// src/App.js
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import Home from './components/Home';
import About from './components/About';
import Contact from './components/Contact';

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
        <Route path="/contact" element={<Contact />} />
        <Route path="/blog/:slug" element={<BlogPost />} />
      </Routes>
    </BrowserRouter>
  );
}

export default App;
Bugster analyzes your route definitions and generates tests for all declared routes, including dynamic parameters.

​
React Router Versions

Fully Supported - Standard routing patterns with <Routes> and <Route> components.
import { BrowserRouter, Routes, Route } from 'react-router-dom';
Fully Supported - Both code-based and file-based routing patterns.
import type { RouteConfig } from "@react-router/dev/routes";

​
React Router Limitations

For enhanced routing analysis, the following patterns are not supported:
  • Custom routers or dynamic routing systems with routes scattered across multiple files
  • Alternative routing libraries (TanStack Router, Wouter, Reach Router)
  • Complex routing factories that generate routes programmatically at runtime
If your React application uses unsupported routing patterns, you can use AI agent-assisted test generation with Cursor or Claude Code instead, which works with any navigation structure.

​
Other Frameworks

Angular, Svelte, Vue, and other JavaScript frameworks are supported with AI agent-assisted test generation:
Fully Supported - All Angular configurations work with Bugster’s AI agent-assisted test generation.
  • Angular 12+ applications
  • Angular Router or any routing solution
  • Angular CLI or custom build configurations
  • Standalone components and NgModules
Use Cursor or Claude Code with Bugster Agent rules to generate and update tests for your Angular application.
Fully Supported - All Svelte configurations work with Bugster’s AI agent-assisted test generation.
  • Svelte applications
  • Any routing solution
  • Vite or custom build configurations
  • SPA modes
Use Cursor or Claude Code with Bugster Agent rules to generate and update tests for your Svelte application.
Fully Supported - All Vue configurations work with Bugster’s AI agent-assisted test generation.
  • Vue 2 and Vue 3 applications
  • Vue Router or any routing solution
  • Vite, Vue CLI, or custom build configurations
  • Options API and Composition API
Use Cursor or Claude Code with Bugster Agent rules to generate and update tests for your Vue application.
Fully Supported - Bugster works with any JavaScript framework through AI agent assistance.Supported frameworks include but are not limited to:
  • Nuxt
  • SvelteKit
  • Preact
  • Remix
  • Vanilla JavaScript applications
  • And any other JavaScript framework or library
Use Cursor or Claude Code with Bugster Agent rules to generate and update tests for any framework.

​
Getting Started with Your Framework

1

Verify Framework Compatibility

Check that your project uses one of the supported frameworks and routing patterns listed above.
2

Install Bugster CLI

Follow the installation guide to set up Bugster CLI on your system.
3

Initialize Your Project

Run the quickstart command in your project directory:
bugster quickstart --api-key=YOUR_API_KEY
4

Run Your Tests

Execute the generated tests:
bugster run

​
Need Help?

Get Started

Follow our quickstart guide to set up Bugster with your framework

Join Community

Get help from the community and Bugster team

​
Command Behavior Summary

generate & update commands

Next.js & React: Enhanced routing analysis automatically discovers and generates tests for all routes.Angular, Svelte, Vue & Others: AI agent-assisted generation using Cursor or Claude Code with Bugster Agent rules.

run command

All Frameworks: Test execution works identically across all frameworks. No differences in how tests run.