인프런 커뮤니티 질문&답변

33-05 강의에서 test에서 자꾸
이 오류가 뜹니다

apis.js

import { graphql } from "msw";

const gql = graphql.link("http://mock.com/graphql")

export const apis = [
  gql.mutation("createBoard", (req, res, ctx) => {
    const { writer, title, contents } = req.variables.createBoardInput

    return res(
      ctx.data({
        createBoard: {
          _id: "qqq",
          writer,
          title,
          contents,
          __typepname: "Board",
        },
      })
    );
  }),
  // gql.query("fetchBoards", () => {})
];

jest.setup.js

import { server } from "./src/commons/mocks/index"

beforeAll(() => server.listen());
afterAll(() => server.close());

index.test.tsx
import { fireEvent, render, screen, waitFor } from "@testing-library/react";
import StaticRoutingMovedPage from "../../pages/section33/33-05-jest-unit-test-mocking";
import {
    ApolloClient,
    ApolloProvider,
    HttpLink,
    InMemoryCache,
} from "@apollo/client";
import fetch from "cross-fetch";
import mockRouter from "next-router-mock";

jest.mock("next/router", () => require("next-router-mock"));

it("게시글이 잘 등록되는지 테스트 하자!", async () => {
    const client = new ApolloClient({
        link: new HttpLink({
            uri: "http://mock.com/graphql",
            fetch,
        }),
        cache: new InMemoryCache(),
    });

    render(
        <ApolloProvider client={client}>
            <StaticRoutingMovedPage />
        </ApolloProvider>
    );

    fireEvent.change(screen.getByRole("input-writer"), {
        target: { value: "맹구" },
    });
    fireEvent.change(screen.getByRole("input-title"), {
        target: { value: "안녕하세요" },
    });
    fireEvent.change(screen.getByRole("input-contents"), {
        target: { value: "방가방가" },
    });

    fireEvent.click(screen.getByRole("submit-button"));

    await waitFor(() => {
        expect(mockRouter.asPath).toEqual("/boards/qqq");
    });
});

도와주십쇼 ㅠㅠ