Knowledge Graph

Beta Feature

The Knowledge Graph is currently in beta. Features and UI may evolve based on feedback.

A visual map of your application's pages, states, and navigation paths - automatically discovered through AI-powered crawling.

What Is It

The Knowledge Graph transforms your application into an interactive visualization showing:

• Pages: Every route and view in your app
• States: Different UI states within pages (modals, dropdowns, forms)
• Transitions: Navigation paths between pages and state changes
• Coverage: Which areas have been tested vs unexplored

                    ┌─────────────┐
                    │   /login    │
                    └──────┬──────┘
                           │
              ┌────────────┼────────────┐
              ▼            ▼            ▼
        ┌──────────┐ ┌──────────┐ ┌──────────┐
        │ /dashboard│ │ /signup  │ │ /forgot  │
        └─────┬────┘ └──────────┘ └──────────┘
              │
     ┌────────┼────────┐
     ▼        ▼        ▼
┌────────┐ ┌────────┐ ┌────────┐
│/settings│ │/profile│ │/reports│
└────────┘ └────────┘ └────────┘

Key Benefits

Understand App Structure

See your entire application architecture at a glance. No manual documentation required - the crawler discovers and maps everything automatically.

Discover Coverage Gaps

Identify pages and flows that haven't been tested. Visual highlighting shows tested vs untested areas, making it obvious where to focus next.

Track Navigation Patterns

Understand how users move through your app. See which paths are most common and which are edge cases that might be overlooked.

Onboard Faster

New team members can explore the app visually. Click any node to see page details, available actions, and related tests.

How It Works

┌─────────────┐     ┌─────────────┐     ┌─────────────┐
│   Crawler   │────▶│   Analyze   │────▶│  Visualize  │
│  navigates  │     │   pages &   │     │    graph    │
│   your app  │     │   actions   │     │             │
└─────────────┘     └─────────────┘     └─────────────┘
       │                   │                   │
       ▼                   ▼                   ▼
   Records all        Extracts forms,     Interactive map
   pages & states     buttons, links      with coverage

1. Automatic Discovery The AI crawler navigates your application starting from the entry point, following links and discovering all accessible pages.

2. State Recording At each page, the crawler identifies interactive elements, form states, modal triggers, and other UI variations.

3. Graph Construction Pages become nodes, navigation becomes edges. The graph updates continuously as your app evolves.

4. Coverage Mapping Test results overlay on the graph, showing which areas have been validated and which remain untested.

Use Cases

Test Coverage Analysis

See exactly which pages and flows have test coverage. Prioritize testing for critical but uncovered paths.

Regression Planning

After code changes, identify affected pages in the graph. Focus regression tests on impacted areas.

Team Onboarding

Give new developers a visual tour of the application. Explore page relationships without reading code.

Flow Documentation

Export graph views for technical documentation. Keep architecture diagrams automatically up to date.

Viewing the Graph

Access the Knowledge Graph from the web dashboard:

1. Navigate to your project
2. Select Knowledge Graph in the sidebar
3. Explore nodes (pages) and edges (transitions)
4. Click any node for details and related tests

Graph Controls

Action	Description
Click node	View page details and test coverage
Drag	Pan around the graph
Scroll	Zoom in/out
Filter	Show only tested/untested pages

Getting Started

The Knowledge Graph is built from crawl data. To populate your graph:

1. Set up crawling for your project
2. Run an initial crawl to discover pages
3. View results in the Knowledge Graph panel

---

Next: Learn about crawling configuration to customize discovery behavior.