get by role + busy

src/components/Loader/Loader.spec.tsx

@@ -7,7 +7,7 @@ describe('Loader component', () => {
   it('should render base Loader', () => {
     const { container } = render(<Loader />)
     expect(container).toMatchSnapshot()
-    expect(screen.getByRole('progressbar')).toBeInTheDocument()
+    expect(screen.getByRole('progressbar', { busy: true })).toBeInTheDocument()
   })
 
   it('should render Electricity Loader', () => {

src/components/Quiz/QuizQuestion/QuizQuestionContentCustom.spec.tsx

@@ -50,7 +50,7 @@ describe('QuizCustomQuestionContent component', () => {
     expect(screen.getAllByRole('radio').length).toBe(3)
   })
   it('should be rendered correctly with loader', () => {
-    const { container } = render(
+    render(
       <Provider store={store}>
         <QuizQuestionContentCustom
           userChallenge={userChallengeData[0]}
@@ -60,9 +60,7 @@ describe('QuizCustomQuestionContent component', () => {
         />
       </Provider>
     )
-    expect(
-      container.getElementsByClassName('question-loading')[0]
-    ).toBeInTheDocument()
+    expect(screen.getByRole('progressbar', { busy: true })).toBeInTheDocument()
   })
   it('should display QuizExplanationModal when click on Button', async () => {
     render(