小编dev*_*per的帖子

使用 next/head 和 jest 测试 next.js 标题,并使用 React-testing-library 给出误报

我已经开始在我的最新项目中使用 Next.js,我想对页面实现一些测试。我创建了一个_document文件,在其中设置了我想要使用的所有元标记,包括页面标题。

<html>
<InlineStylesHead />

<body>
    <Main />
    <NextScript />

    <Head>
     <title>testing title</title>
    </Head>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

然后我设置测试来渲染此页面(应将其包含_document在其中)

它按预期工作(包括 SSR)。

然后我尝试使用react-testing-library和测试它jest

这是我的测试:

it('should render the title', () => {
      render(<Page />);
      waitFor(() => {
          expect(document.title).toEqual('test title');
      });
});

Run Code Online (Sandbox Code Playgroud)

不幸的是,它给了我误报,而expect无论如何,block 都会给出真实的结果。我也尝试过Head直接在页面上设置,不幸的是,同样的问题。

您是否使用过任何其他技术来测试此类事物?谢谢!

reactjs jestjs next.js react-testing-library testing-library

9
推荐指数
1
解决办法
6179
查看次数