ASP.NET Core 3 and React

Testing the Question component

Carry out the following steps to test that the Question component renders correctly:

1. Let's start by creating a new file called Question.test.tsx with the following content:

import React from 'react';import { render, cleanup } from '@testing-library/react';import { QuestionData } from './QuestionsData';import { Question } from './Question';import { BrowserRouter } from 'react-router-dom';afterEach(cleanup);test('When the Question component is rendered, it should contain the correct data', () => {  });

This imports all the items we need for our test. We have also implemented the cleanup function, which will run after the test.

2. Now, let's try to render the component:

test('When the Question component is rendered, ...