Skip to content

[Remove Vuetify from Studio] Convert Sign In page unit tests to Vue Testing Library #5534

@MisRob

Description

@MisRob

🙂 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you’re requesting an issue, please:

  • Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don’t follow the guidelines won’t be answered.
  • Confirm that you’ve read the guidelines in your comment.

Sub-issue of #5060.

Complexity: Low

Summary

The test suite accounts/pages/__tests__/accountsMain.spec.js currently relies heavily on internal implementation details and uses Vue Test Utils in a way that couples tests tightly to component internals. This creates several issues:

  • Brittle and unreliable tests (break when implementation changes even if behavior remains correct, or incorrectly pass while actual user interactions fail)
  • Maintenance burden (refactoring component's internal code requires updating tests)

Refactor the test suite to use Vue Testing Library (VTL), which enforces testing components the way users interact with them.

Value Add

Prepares the test suite for easier and meaningful updates during the upcoming refactoring to remove Vuetify from this page.

Guidance

  • Navigate to /accounts and familiarize yourself with the page functionality as a user
Image Image

Acceptance criteria

  • All major workflows are covered while avoiding excessive testing of details
  • Test descriptions are clear and document the behavior from the user perspective

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions