sg-visual-discover

To auto-generate visual test manifests, run the route discovery command against your project path to scan navigation and interactive elements, outputting structured YAML test manifests that mirror your UI navigation tree without manual configuration.

Yes, visual route discovery works with Vue and Angular projects, alongside Next.js, React Router, and static HTML sites. The tool detects framework-specific routing structures to accurately map your UI navigation tree into YAML manifests.

The best way to update visual test manifests after code changes is using the --diff flag to limit generation to impacted routes, or --refresh-existing to safely update manifests without overwriting your current test configurations.

Yes, you need agent-browser installed to generate UI test manifests, as it enables the interactive element detection required for identifying forms, modals, uploads, and tabs across your web project's routes.

Yes, you can pre-fill test data fixtures when creating YAML test manifests. The tool detects forms, modals, and uploads during route discovery, automatically generating test steps and data fixtures within the visual-tests directory structure.

Visual test manifest generation requires repository access to detect your framework's routing structure, scan UI components, and identify build or dev server commands, ensuring the generated YAML manifests accurately reflect your project's actual navigation tree.