Bugster analyzes your application’s routing structure to generate and execute automated tests. This page provides detailed information about supported frameworks and routing patterns.
Bugster focuses on routing analysis to understand your application structure and generate comprehensive test coverage across all your pages and components.

Supported Frameworks

Next.js

Fully supported with both routing patterns

React.js

React 18+ with React Router DOM support

Next.js Support

Bugster provides comprehensive support for Next.js applications across different routing patterns.

Supported Routing Patterns

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 supports React 18+ applications using React Router DOM in standard configurations.

Supported Routing Patterns

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";

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

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?

Coming Soon

Vue.js Support - We’re working on adding support for Vue.js applications with Vue Router. Stay tuned for updates!