Creating Tests from Video

Record your screen performing a user flow, and Bug0's AI will extract test steps automatically.

Overview

Video-based test creation:

1. Records your actual interactions
2. AI identifies clicks, typing, navigation
3. Generates natural language steps
4. Includes timing-based wait conditions

Recording Methods

Upload a Video File

1. Navigate to a test suite
2. Click New Test
3. Select Generate from Video
4. Click Upload Video
5. Select a video file (MP4, WebM, or QuickTime)

Supported formats: MP4, WebM, MOV

Record Your Tab

1. Navigate to a test suite
2. Click New Test
3. Select Generate from Video
4. Click Record Tab
5. Select the browser tab to record
6. Perform the user flow
7. Click Stop Recording

Best Practices for Recording

Before Recording

• Clear your browser state - Start logged out or in a known state
• Use a staging environment - Do not test in production
• Plan the flow - Know exactly what steps to perform
• Slow down - Pause briefly after each action

During Recording

• Perform one action at a time - Click, then pause
• Wait for page loads - Let pages fully load before next action
• Avoid unnecessary scrolling - Only scroll when needed
• Type at normal speed - AI needs to see the typing

Good Recording Example

1. Click "Sign In" then wait 1 second
2. Click email field then type email slowly
3. Click password field then type password
4. Click "Log In" button then wait for redirect
5. Verify dashboard loads

Avoid

• Rapid clicking without pauses
• Recording unrelated tabs
• Background music or distractions
• Very long recordings (keep under 2 minutes)

AI Processing

After uploading or recording, the AI:

1. Analyzes the video - Frame by frame
2. Identifies interactions - Clicks, typing, navigation
3. Extracts element context - Button labels, input fields
4. Generates steps - Natural language descriptions
5. Adds wait conditions - Based on timing in video

Reviewing Generated Steps

AI generates steps with:

Common Edits Needed

• Add data placeholders - Replace hardcoded values with dynamic placeholders like {{run.email}}
• Clarify descriptions - Make element descriptions more specific
• Adjust wait conditions - Add or modify as needed
• Remove extra steps - Delete unnecessary interactions

Example Workflow

1. Record Login Flow

Record yourself:

• Clicking "Sign In"
• Entering email and password
• Clicking "Log In"
• Waiting for dashboard

2. Review Generated Steps

AI generates:

1. Click the "Sign In" link
2. Enter "user@example.com" in the email field
3. Enter "password123" in the password field
4. Click the "Log In" button
5. Wait for dashboard page to load

3. Edit Steps

Modify data fields:

Step 2 Data: {{run.email}}

4. Add Assertions

User should see the dashboard
Welcome message is visible

5. Run and Verify

Click Run to test in live preview.

Troubleshooting

AI Missed Some Steps

• Recording was too fast
• Element was not clearly visible
• Add missing steps manually

Steps Are Too Generic

• AI could not identify specific elements
• Edit descriptions to be more specific
• Include button labels or unique identifiers

Wrong Element Identified

• Multiple similar elements on page
• Edit description to clarify which element
• Add context like "in the header" or "in the sidebar"

Next Steps