Skip to content

[Test] E2E: Toggle Dark/Light Mode on Dashboard Overview #508

Description

@johdanike

Automate a test that toggles the theme switch on the dashboard and verifies CSS variable changes.

This issue tracks the implementation of automated component/E2E tests to ensure UI stability.

Requirements

  • Fork the repository and create a new branch using the designated branch name.
  • Write the required tests using the project's testing framework (e.g., Jest, React Testing Library, Cypress).
  • Mock external dependencies (APIs, Web3 wallets, WebSockets) to prevent flaky tests.
  • Ensure the new tests pass reliably and meet code coverage standards.
  • Run the full test suite locally to verify no existing tests are broken.

Proposed Actions 🛠️

Fork and Create Branch:

git checkout -b test-e2e-theme-dashboard

Implement Tests:

  • Setup the test file in the appropriate directory.
  • Write tests covering the happy path (success states) for this specific component.
  • Write tests covering edge cases, empty states, and error handling.

Run Tests and Commit:

git commit -m "Test: Implement E2E: Toggle Dark/Light Mode on Dashboard Overview"

Required 📋

Guidelines:

  • Assignment: Don't create a pull request if you weren’t assigned to this issue.
  • Timeframe: Complete the task within 3 business days.
  • PR description must include: Closes #[issue_id]

Thank you for your contribution 🙏

Metadata

Metadata

Labels

Stellar WaveTasks related to the Stellar Wave development phasee2etestinguiUser Interface and component styling

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions