> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trynota.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Feature Mode

> Crawl any live environment and turn the DOM into executable tests.

## What It Does

This mode spins up a headless browser, loads the URL you provide, and inspects the DOM to understand structure, user flows, and interactive states. It then proposes layered test suites that combine UI checks, API triggers, and data validations.

<CardGroup cols={3}>
  <Card title="DOM Snapshot" icon="camera" color="#0ea5e9">
    Captures hierarchy and attributes for actionable selectors.
  </Card>

  <Card title="Flow Detection" icon="arrows-right-left" color="#f97316">
    Maps likely journeys (login, checkout, onboarding) based on links and forms.
  </Card>

  <Card title="Auto Tests" icon="check-badge" color="#22c55e">
    Outputs prioritized scenarios with expected results and negative paths.
  </Card>
</CardGroup>

***

## Inputs & Prerequisites

* Public or staging URL. For authenticated pages, include session cookies or test credentials via the secure context panel.
* Optional: short description of the flows you care about (e.g., "guest checkout") to bias the analysis.
* Stable environment—avoid pointing to pages mid-deployment.

<Warning>
  Pop-ups or interstitials that require clicks may block scraping. Mention them
  in your prompt so the agent handles them first.
</Warning>

***

## Step-by-Step

1. Start **Coverage Agent → Feature Mode**.
2. Paste the URL and add any gating instructions ("log in with QA creds").
3. Click **Generate Coverage**. The system loads the page, following redirects automatically.
4. Review the proposed test cases grouped by journey or component.
5. Ask follow-ups such as "expand accessibility cases" or "limit to smoke".
6. Export or copy cases into Craftflow / suites.

<Tip>
  Provide multiple URLs (one per message) to build layered coverage across
  screens while preserving context.
</Tip>

***

## Example Flow

```
Prompt: "Navigate to https://www.saucedemo.com/ and create smoke + edge tests.
Login with qa-user@example.com / <password>."

Agent Output:
- Smoke: Load billing page, validate plan table, submit payment
- Edge: Expired cards, mid-session refresh, concurrent plan changes
- APIs to watch, DOM selectors, and suggested observability hooks
```

<Note>
  When the DOM changes significantly, rerun the mode so new selectors and states
  are captured.
</Note>