Repository navigation
[Remove Vuetify from Studio] Convert Content Library unit tests to Vue Testing Library聽#5527
Description
馃檪 Looking for an issue? Welcome! This issue is open for contribution. If this is the first time you鈥檙e requesting an issue, please:
- Read Contributing guidelines carefully. Pay extra attention to Using generative AI. Pull requests and comments that don鈥檛 follow the guidelines won鈥檛 be answered.
- Confirm that you鈥檝e read the guidelines in your comment.
Sub-issue of #5060.
Complexity: Low
Summary
The test suite views/Channel/__tests__/catalogList.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 updates during the upcoming refactoring to remove Vuetify from the Content Library, for example #5526.
Guidance
- Navigate to the Content Library (aka Catalog List) and understand its functionality
- Login as
a@a.comwith passworda - Go to Channels > Content Library
- Click Download a summary of selected channels
- Log out
- Click Explore without an account
- Login as
- In the test suite, cover all major workflows while avoiding excessive testing of details
- Familiarize yourself with Testing Library principles
- Follow our Unit testing guide and Testing template, where you will also find how we mock router, store, composables, and more.
- Follow Testing Library query priority recommendation
- Search for
from '@testing-library/vue'to find existing VTL test suites
Activity
[-][Remove Vuetify from Studio] Convert Content Library unit tests to Vue Testing Library[/-][+]Convert Content Library unit tests to Vue Testing Library[/+][-]Convert Content Library unit tests to Vue Testing Library[/-][+][Remove Vuetify from Studio] Convert Content Library unit tests to Vue Testing Library[/+]vtushar06 commentedon Nov 3, 2025
Hii @MisRob, I wanted to work on this issue as well. Please assign this to me.Thanks
MisRob commentedon Nov 3, 2025
Thank you @vtushar06
vtushar06 commentedon Nov 5, 2025
Hii @MisRob, I just raised PR for this issue, can you look into that, and suggest if any more changes are needed.
LianaHarris360 commentedon Nov 5, 2025
Thank you @vtushar06 we will have someone take a look at it
abhiraj75 commentedon Jan 2, 2026
Hello @MisRob , if this is still open , I would like to contribute.
shubhreet11 commentedon Jan 8, 2026
Hello @MisRob, I wanted to work on this issue as well. Please let me know if this is still open.
kanishkaanarang commentedon Jan 11, 2026
Hello @MisRob , I wanted to work on this issue as well. Please let me know if this is still open.
learning-equality-bot commentedon Jan 11, 2026
Hi! 馃憢
Thanks so much for your interest! This issue is already assigned. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues. If there are no unassigned 'help wanted' issues available, please wait until new ones are added.
We really appreciate your willingness to help. 馃槉
Are you preparing for Google Summer of Code? See our GSoC guidelines.