[Remove Vuetify from Studio] Convert collection modal unit tests to Vue Testing Library

[MisRob]

Overview

Complexity: Low

Context

The test suite channelList/views/ChannelSet/__tests__/channelSetModal.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)

Related pages:

The Change

Refactor channelList/views/ChannelSet/__tests__/channelSetModal.spec.js test suite to use Vue Testing Library (VTL) and write tests in a way that reflects how a user interacts with the application.

Do not refactor any other areas of the codebase.

How to Get There

• Navigate to /channels/#/collections/new URL

Value Add

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

Out of Scope

Do not refactor any other areas of the codebase.

Acceptance Criteria

• Cover all major workflows while avoiding excessive testing of details
• Concise but explicit test descriptions that describe what's tested from a user point of view
• Follow Testing Library principles and Testing Library query priority recommendation
• Follow our Unit testing guide and Testing template, where you will also find how we mock router, store, composables, and more.
• Use patterns consistent with existing VTL test suites (search for from '@testing-library/vue')

References

Sub-issue of #5060

[SheikhZaeem]

Hey can you assign me this. Thanks

[sahibsiddiqui]

hi @MisRob , pls assign this to me, i'd like to contribute to this

[rohitt-pandey]

Hii @MisRob I'd like to take this on! I’m familiar with Vue Testing Library and understand the goal of decoupling these tests from internal details to make the upcoming Vuetify refactor smoother. I'll ensure the new suite follows our query priority guidelines and focuses on user behavior. Please assign it to me.

[abhiraj75]

Greetings @MisRob , I can take this up !

[Satish-2004]

Please assign this to me; I'm ready to work on it.

[rahulkr182]

Hi @MisRob , assign this to me . i would love to contribute to this.

[ozer550]

Since @SheikhZaeem asked for this issue first, I’ll be assigning it to him.
For others who are interested, please feel free to look at other open help wanted issues and pick one that suits you :)