Search⌘ K
Home
Courses
Full Stack Django and React

Testing the UpdatePost component

Follow step-by-step instructions to write test cases for the UpdatePost component.

We'll cover the following...

In the src/components/posts/__tests__ directory, create a new file called UpdatePost.test.js. Let’s start with the necessary imports and the definition of the test function:

Javascript (babel-node)
import { render, screen, fireEvent } from "../../../helpers/test-utils";
import userEvent from "@testing-library/user-event";
import UpdatePost from "../UpdatePost";
import userFixtures from "../../../helpers/fixtures/user";
import postFixtures from "../../../helpers/fixtures/post";
import { faker } from "@faker-js/faker";
const userData = userFixtures();
const postData = postFixtures(true, false, userData);
test("Render UpdatePost component", async () => {
  ...
});

Understanding component logic

Before writing the test logic, let’s remember how the UpdatePost component works from a user’s perspective: ...