Skip to main content

Extension Features

DebuggAI's IDE extensions provide a comprehensive suite of tools for end-to-end testing, making it easy to test your applications without leaving your development environment.

Core Testing Features​

Text-Based Test Creation​

Create end-to-end tests using simple, natural language descriptions.

  • Command: DebuggAI: Create New E2E Test (Cmd+Alt+C / Ctrl+Alt+C)
  • Description: Simply describe what you want to test, like "test the login flow" or "verify user registration works"
  • Zero Configuration: Tests run against your local development server automatically
Example test descriptions:
• Test my login page
• Verify user can create an account
• Check that the shopping cart functionality works
• Test form validation on the contact page

E2E Test Execution​

Run individual tests or existing test descriptions on demand.

  • Command: DebuggAI: Run E2E Test
  • Flexible Execution: Run tests by description or select from existing tests
  • Real-time Results: See test progress and results directly in the IDE

Test Suite Generation​

Automatically generate comprehensive test suites for different sections of your application.

  • Command: DebuggAI: Run E2E Suite Generator
  • Intelligent Grouping: AI analyzes your app to create logical test groupings
  • Customizable: Specify which sections of your app to focus on

Test Suite Management​

Manage and execute previously created test suites.

  • Command: DebuggAI: Run E2E Test Suite
  • Suite Selection: Choose from existing test suites in your project
  • Batch Execution: Run multiple related tests together

Advanced Features​

Secure Local Tunnels​

Connect DebuggAI's remote testing infrastructure to your local development environment securely.

  • Automatic Setup: No manual tunnel configuration required
  • Security: Encrypted connections to your localhost
  • Multi-Port Support: Configure different ports for different projects

Commit-Based Testing​

Automatically generate and run tests based on your code changes.

Start Commit Monitoring​

  • Command: DebuggAI: Start Commit Testing
  • Automatic Detection: Monitors your repository for commits
  • Smart Testing: Generates relevant tests based on changed files

Generate Tests for Working Changes​

  • Command: DebuggAI: Generate Tests for Working Changes
  • Real-time Analysis: Analyzes your current uncommitted changes
  • Targeted Testing: Creates tests specifically for your modifications

Commit Testing Management​

  • Status Check: DebuggAI: Get Commit Testing Status
  • Stop Monitoring: DebuggAI: Stop Commit Testing
  • Configure Output: DebuggAI: Set Commit Test Output Directory

Test Results Integration​

View comprehensive test results directly in your IDE.

  • Test Results Panel: Native integration with VS Code's Test Results panel
  • Detailed Reporting: See step-by-step test execution
  • Error Analysis: Get detailed error information when tests fail
  • Visual Output: View screenshots and recordings of test runs

Recording and Debugging​

Automatically capture test execution for easier debugging and review.

  • GIF Recordings: Automatic creation of test execution recordings
  • Step-by-Step Analysis: Review each action taken during test execution
  • Failure Analysis: Detailed breakdowns of why tests failed

Configuration Options​

Local Server Settings​

Configure your development server connection:

  • Port Configuration: Set your local development server port
  • Multi-Project Support: Different configurations for different workspaces
  • Auto-Detection: Smart detection of common development server patterns

Test Output Settings​

Customize where and how test files are saved:

  • Output Directory: Configure where generated test files are saved
  • File Naming: Customize test file naming conventions
  • Format Options: Choose output formats (Playwright, Cypress, etc.)

Tunnel Settings​

Configure secure tunnel connections:

  • Domain Settings: Custom domain configuration for tunneling
  • Port Management: Manage multiple tunnel connections
  • Security Options: Configure tunnel security settings

Integration with DebuggAI Platform​

Web Dashboard Access​

  • Quick Access: View detailed test results in the DebuggAI web platform
  • Historical Data: Access test history and trends
  • Team Collaboration: Share test results with team members

Project Synchronization​

  • Automatic Sync: Tests and results sync across your team
  • Branch Awareness: Tests are associated with specific branches and commits
  • Repository Integration: Deep integration with your Git workflow

Keyboard Shortcuts​

ActionWindows/LinuxmacOS
Create New E2E TestCtrl+Alt+CCmd+Alt+C
Open Command PaletteCtrl+Shift+PCmd+Shift+P
Access Extension SettingsCtrl+,Cmd+,

Best Practices​

Writing Effective Test Descriptions​

  • Be Specific: "Test login with valid credentials" vs "Test login"
  • Include Context: "Test checkout flow with multiple items"
  • Consider Edge Cases: "Test form validation with invalid email"

Organizing Tests​

  • Group Related Tests: Use test suites for related functionality
  • Clear Naming: Use descriptive names for test suites
  • Regular Cleanup: Remove outdated or redundant tests

Development Workflow​

  1. Write Code: Develop your feature locally
  2. Generate Tests: Use "Generate Tests for Working Changes"
  3. Review Results: Check test results in the IDE
  4. Iterate: Fix issues and re-run tests
  5. Commit: Commit when tests pass

Next Steps​