Newer
Older
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import React from 'react'
import { createMockEcolyoStore } from 'tests/__mocks__/store'
import { userChallengeData } from 'tests/__mocks__/userChallengeData.mock'
import QuizQuestionContent from './QuizQuestionContent'
const mockedNavigate = jest.fn()
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useNavigate: () => mockedNavigate,
})
describe('QuizQuestionContent component', () => {
<Provider store={store}>
<QuizQuestionContent
userChallenge={userChallengeData[0]}
setIsCustomQuest={() => false}
goBack={mockedNavigate('/challenges')}
expect(
screen.getByText(userChallengeData[0].quiz.questions[0].questionLabel)
).toBeInTheDocument()
expect(screen.getAllByRole('radio').length).toBe(3)
it('should redirect to challenge on click on btn-back', async () => {
render(
<Provider store={store}>
<QuizQuestionContent
userChallenge={userChallengeData[0]}
setIsCustomQuest={() => false}
goBack={mockedNavigate('/challenges')}
expect(mockedNavigate).toHaveBeenCalledWith('/challenges')