Overview
The Preview Editor combines test authoring with live execution feedback, allowing you to validate test steps as you write them. The Spursor (Spur Cursor) AI agent executes your instructions in a live browser environment, providing immediate visibility into how your tests perform.Getting Started
Configure Viewport
Select the viewport for your test session - either Desktop or Mobile. This determines the screen dimensions the Spursor agent will use during test execution.You can reference the Viewports for detailed information on viewport configurations.
Navigating the Editing Environment
This section onsists of several key components that work together to provide comprehensive test authoring and debugging capabilities.
1. Test Steps
1. Test Steps
Write and execute test steps in the left panel. The editor supports adding, editing, and running individual steps or complete test sequences.
2. Dependencies
2. Dependencies
Configure test dependencies and tear down tests to control test execution order. The Dependencies panel allows you to establish relationships between tests.
3. Details
3. Details
Configure test metadata and expected outcomes in the Details panel. This section allows you to add descriptive information about your test.
4. Spursor Sandbox
4. Spursor Sandbox
Watch the Spursor AI agent execute your test steps in real-time within a live browser environment. The sandbox displays exactly what the agent sees and does during test execution.
5. Preview Mode
5. Preview Mode
Preview Mode allows you to review the Spursor agent’s planned actions before execution.
6. Agent Logs
6. Agent Logs
View the Spursor agent’s thought process when evaluating and executing test steps. Agent logs provide insight into how Spursor interprets your instructions and decides on actions.
7. Console Logs
7. Console Logs
View real-time console logs generated when running tests, including warnings, errors, and debug messages from the browser.
8. Network Logs
8. Network Logs
View real-time network activity during test execution, including API requests, response status codes, methods, and domains.
9. Environment
9. Environment
View extracted or generated values saved in the testing environment. These values can be accessed and used in subsequent test steps.
10. Scroll Estimations
10. Scroll Estimations
Access page and window dimensions to aid test step creation. View current scroll position, page dimensions, and window size. You can also scroll within the Spursor Sandbox and access the page position directly.
11. Admin Logs
11. Admin Logs
View technical session information and connection status for the test execution environment. The Admin tab displays session initialization details, WebSocket connections, and other backend communications.
12. Actions Log
12. Actions Log
View the complete action history for your test session. The Actions tab displays all actions performed by the Spursor agent during test execution.
Key Benefits
Resolving Test Step Issues
Preview Editor allows you to walk through the agent’s exact execution process, identifying and resolving issues with test steps in real-time.
Transparency in AI Decision Making
Provides complete visibility into how Spursor interprets and executes your instructions, helping you understand the AI agent’s decision-making process.
Prompting Practice & Learning
By observing how the AI responds to different instructions in real-time, you can improve your prompting skills and learn the most effective ways to communicate with the agent.
Quality Assurance
Preview Mode ensures that each step executes exactly as intended, reducing errors and improving test reliability. You maintain full control over the agent’s actions before execution.