Add End-to-End Tests for SOC Dashboard and Landing Page

[coderabbitai]

🎭 End-to-End (E2E) Tests

Description

Implement end-to-end tests for the SOC Dashboard and landing page using a modern E2E testing framework to catch UI regressions automatically.

Tasks

• Set up E2E testing framework (e.g., Playwright or Cypress)
• Write E2E tests for landing page navigation and key CTAs
• Write E2E tests for SOC Dashboard login flow
• Write E2E tests for alert management workflow (view, acknowledge, resolve)
• Write E2E tests for dashboard filtering and search
• Integrate E2E tests into CI (run on PRs)
• Add visual regression testing (screenshot comparisons)
• Document how to run E2E tests locally

Difficulty: 🔴 Hard

Labels: testing ui/ux SSoC26

Catch regressions before they reach production — a great challenge for QA-minded contributors!

[pavsoss]

hey @S3DFX-CYBER I'd like to work on this issue, can you assign it to me

[S3DFX-CYBER]

hey @S3DFX-CYBER I'd like to work on this issue, can you assign it to me

Can u explain your approach in fixing this issue

[pavsoss]

Proposed Approach

• Evaluate the current frontend structure and identify stable selectors for key user flows. Where necessary, I will add dedicated test IDs to improve test reliability and reduce flakiness.

• Set up Playwright as the E2E testing framework and configure a reusable test environment for local development and CI execution.

• Create end-to-end test coverage for:

  • Landing page navigation and primary CTA flows
  • SOC Dashboard authentication/login flow
  • Alert lifecycle actions (view, acknowledge, resolve)
  • Dashboard filtering and search functionality

• Implement reusable page objects and helper utilities to keep tests maintainable and scalable as the application grows.

• Add visual regression checks for critical pages/components using screenshot-based comparisons to catch UI regressions early.

• Integrate the test suite into the CI workflow so tests run automatically on pull requests.

• Document setup, execution, and troubleshooting steps for contributors running the E2E suite locally.

@S3DFX-CYBER