11import { render , screen , within , configure } from '@testing-library/vue' ;
22import userEvent from '@testing-library/user-event' ;
33import VueRouter from 'vue-router' ;
4- import Vuex from 'vuex' ;
4+ import { Store } from 'vuex' ;
55import ChannelSelectionList from '../ChannelSelectionList' ;
66import { ChannelListTypes } from 'shared/constants' ;
77
@@ -38,7 +38,7 @@ const mockActions = {
3838} ;
3939
4040const makeStore = ( ) =>
41- new Vuex . Store ( {
41+ new Store ( {
4242 modules : {
4343 channel : {
4444 namespaced : true ,
@@ -110,7 +110,8 @@ describe('ChannelSelectionList', () => {
110110
111111 await screen . findByText ( editChannel . name ) ;
112112
113- // Using getByTestId because the component doesn't expose unique accessible roles for individual channel checkboxes
113+ // Using getByTestId because the component doesn't expose unique
114+ // accessible roles for individual channel checkboxes
114115 const checkboxRow = screen . getByTestId ( `checkbox-${ editChannel . id } ` ) ;
115116
116117 // Find the checkbox strictly within this row
@@ -131,7 +132,8 @@ describe('ChannelSelectionList', () => {
131132
132133 await screen . findByText ( editChannel . name ) ;
133134
134- // Using getByTestId because the component doesn't expose unique accessible roles for individual channel checkboxes
135+ // Using getByTestId because the component doesn't expose unique
136+ // accessible roles for individual channel checkboxes
135137 const checkboxRow = screen . getByTestId ( `checkbox-${ editChannel . id } ` ) ;
136138 const checkbox = within ( checkboxRow ) . getByRole ( 'checkbox' ) ;
137139
@@ -149,7 +151,8 @@ describe('ChannelSelectionList', () => {
149151
150152 await screen . findByText ( editChannel . name ) ;
151153
152- // Using getByTestId because the component doesn't expose accessible roles for channel cards
154+ // Using getByTestId because the component doesn't expose accessible
155+ // roles for channel cards
153156 const card = screen . getByTestId ( `channel-item-${ editChannel . id } ` ) ;
154157 await user . click ( card ) ;
155158
@@ -166,7 +169,8 @@ describe('ChannelSelectionList', () => {
166169
167170 await screen . findByText ( editChannel . name ) ;
168171
169- // Using getByTestId because the component doesn't expose accessible roles for channel cards
172+ // Using getByTestId because the component doesn't expose accessible
173+ // roles for channel cards
170174 const card = screen . getByTestId ( `channel-item-${ editChannel . id } ` ) ;
171175 await user . click ( card ) ;
172176
0 commit comments