chore: remove eslint disable display name

src/components/Ecogesture/EcogestureCard/EcogestureCard.spec.tsx

-/* eslint-disable react/display-name */
 import EcogestureCard from 'components/Ecogesture/EcogestureCard/EcogestureCard'
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'

src/components/Ecogesture/EcogestureNotFound/EcogestureNotFound.spec.tsx

-/* eslint-disable react/display-name */
 import { Button } from '@material-ui/core'
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'

src/components/Ecogesture/SingleEcogestureView.spec.tsx

-/* eslint-disable react/display-name */
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'
 import React from 'react'

src/components/EcogestureForm/EcogestureFormView.spec.tsx

-/* eslint-disable react/display-name */
 import { Button } from '@material-ui/core'
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'

src/components/EcogestureForm/EquipmentIcon/EquipmentIcon.spec.tsx

-/* eslint-disable react/display-name */
 import { EquipmentType } from 'enums'
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'

src/components/EcogestureSelection/EcogestureSelectionView.spec.tsx

-/* eslint-disable react/display-name */
 import { mount } from 'enzyme'
 import toJson from 'enzyme-to-json'
 import React from 'react'

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

-/* eslint-disable react/display-name */
 import { UserQuestionState } from 'enums'
 import { mount } from 'enzyme'
 import React from 'react'
 import { Provider } from 'react-redux'
 import { createMockEcolyoStore } from 'tests/__mocks__/store'
+import { waitForComponentToPaint } from 'tests/__mocks__/testUtils'
 import { userChallengeData } from 'tests/__mocks__/userChallengeData.mock'
 import QuizQuestion from './QuizQuestion'
 
-const mockgetCustomQuestion = jest.fn()
+const mockGetCustomQuestion = jest.fn()
 jest.mock('services/quiz.service', () => {
   return jest.fn(() => {
     return {
-      getCustomQuestion: mockgetCustomQuestion,
+      getCustomQuestion: mockGetCustomQuestion,
     }
   })
 })
 
 jest.mock(
   'components/Quiz/QuizQuestion/QuizQuestionContentCustom',
-  () => () => <div id="QuizQuestionContentCustom" />
+  () => 'mock-customQuestion'
+)
+jest.mock(
+  'components/Quiz/QuizQuestion/QuizQuestionContent',
+  () => 'mock-question'
 )
-jest.mock('components/Quiz/QuizQuestion/QuizQuestionContent', () => () => (
-  <div id="quizquestioncontent" />
-))
 
 describe('QuizQuestion component', () => {
   const store = createMockEcolyoStore()
@@ -30,17 +31,18 @@ describe('QuizQuestion component', () => {
     store.clearActions()
   })
 
-  it('should be rendered correctly with question', () => {
+  it('should be rendered correctly with question', async () => {
     const wrapper = mount(
       <Provider store={store}>
         <QuizQuestion userChallenge={userChallengeData[0]} />
       </Provider>
     )
-    expect(wrapper.find('#quizquestioncontent').exists()).toBeTruthy()
-    expect(wrapper.find('#QuizQuestionContentCustom').exists()).toBeFalsy()
+    await waitForComponentToPaint(wrapper)
+    expect(wrapper.find('mock-question').exists()).toBeTruthy()
+    expect(wrapper.find('mock-customQuestion').exists()).toBeFalsy()
   })
 
-  it('should be rendered correctly with customQuestion', () => {
+  it('should be rendered correctly with customQuestion', async () => {
     const updateUserChallengeData = {
       ...userChallengeData[0],
     }
@@ -52,7 +54,8 @@ describe('QuizQuestion component', () => {
         <QuizQuestion userChallenge={updateUserChallengeData} />
       </Provider>
     )
-    expect(wrapper.find('#quizquestioncontent').exists()).toBeFalsy()
-    expect(wrapper.find('#QuizQuestionContentCustom').exists()).toBeTruthy()
+    await waitForComponentToPaint(wrapper)
+    expect(wrapper.find('mock-question').exists()).toBeFalsy()
+    expect(wrapper.find('mock-customQuestion').exists()).toBeTruthy()
   })
 })