Skip to main content

Web Dashboard

Team collaboration and detailed test analysis.

Access Dashboard​

URL: app.debugg.ai

Sign in with your DebuggAI account.

Core Features​

Projects​

  • Create and manage projects
  • Connect GitHub repositories
  • Invite team members
  • Configure settings

Test Results​

  • View all test runs
  • Filter by status, date, project
  • Download screenshots/videos
  • Share results with team

Issues Tracking​

  • AI-powered issue detection
  • Link issues to test failures
  • Track resolution status
  • Team assignment

Logs & Monitoring​

  • Real-time log streaming
  • Error aggregation
  • Performance metrics
  • Search and filtering

Project Setup​

1. Create Project​

  1. Click "New Project"
  2. Enter project name
  3. Select framework (Next.js, React, Django, etc.)
  4. Connect GitHub repo (optional)

2. Team Collaboration​

Invite Members:

  1. Project Settings → Team
  2. Enter email addresses
  3. Set permissions (Admin, Developer, Viewer)

Billing:

  • Starter: Free (100 tests/month)
  • Professional: $20/month (unlimited)
  • Enterprise: $40/user/month

3. Integration​

API Keys:

  1. Settings → API Keys
  2. Generate key for MCP server
  3. Use in VS Code extension

Test Analysis​

Test History​

View chronological test runs:

  • Status (✅ Pass, ❌ Fail, ⏳ Running)
  • Duration and performance
  • Browser and viewport details
  • Screenshots for each step

Failure Analysis​

When tests fail:

  • Error screenshots with annotations
  • Console logs and network requests
  • AI-suggested fixes
  • Compare with previous successful runs

Performance Monitoring​

Track application health:

  • Page load times
  • Network requests
  • JavaScript errors
  • Core Web Vitals

Team Workflows​

Code Review Integration​

  • Tests auto-trigger on commits
  • Results appear in pull requests
  • Block merges on test failures
  • Team notifications

Issue Management​

  • AI detects patterns in failures
  • Creates issues automatically
  • Assigns to relevant team members
  • Tracks resolution time

Reporting​

  • Weekly test summaries
  • Team performance metrics
  • Coverage analysis
  • Trend identification

Settings & Configuration​

Project Settings​

  • Framework Detection: Auto-detect or manual override
  • Local Port: Default port for testing
  • Test Timeout: Maximum test duration
  • Browsers: Which browsers to test in
  • Notifications: Email/Slack integration

Team Management​

  • Permissions: Admin, Developer, Viewer roles
  • Billing: Subscription management
  • Usage: Monitor test quotas
  • Audit Log: Track team actions

Integrations​

  • GitHub: Repository connections
  • Slack: Team notifications
  • Webhook: Custom integrations
  • API: Programmatic access

Mobile App​

Access dashboard features on mobile:

  • View test results
  • Get push notifications
  • Approve/reject deployments
  • Team chat

Advanced Features​

Custom Dashboards​

Create project-specific views:

  • Filter by test type
  • Group by team member
  • Track specific metrics
  • Export reports

Automation Rules​

Set up automated actions:

  • Auto-retry failed tests
  • Notify on critical failures
  • Schedule regular test runs
  • Integrate with CI/CD

Analytics​

Deep insights into testing:

  • Test coverage heatmaps
  • Failure pattern analysis
  • Performance trend tracking
  • ROI calculations

Troubleshooting​

Can't access dashboard?

  • Verify email is confirmed
  • Check internet connection
  • Try incognito mode

Missing test results?

  • Ensure VS Code extension is connected
  • Check project settings
  • Verify API key is current

Team members can't see project?

  • Check invitation was sent
  • Verify permissions are set
  • Resend invitation if needed