Question

我用打字稿做了一个小小的反应项目

我把它打印到浏览器中。

所以我尝试实现测试组件创建HTMLElement的单元测试

但是我真的很困惑。我是打字稿的新手

import * as React from "react";
import { render } from "@testing-library/react";
import List from "../component/List";

describe("<List />", () => {
  it("check li tags were made perfectly", async () => {
    const component = render(<List />);
    component.getByText("li");
  });

此代码的输出在render(<List />);处错误

我的组件不需要任何道具

我如何使此代码能够正常运行？

Answer 1

感谢@Edward Choupuryan

这只是一个简单的问题。

我想用打字稿测试react组件，并且该文件必须具有扩展名tsx。我的只是*.test.ts

我将测试文件testfile.test.ts更改为testfile.test.tsx，并解决了问题

如何使用打字稿对React组件进行单元测试？

1 个答案: