我怎样才能用打字稿对反应组件进行单元测试？

Question

我用 typescript 做了一个小的 React 项目

我成功地将 li 标签的数字打印到浏览器。

所以我尝试实现测试组件创建 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，问题已解决

我怎样才能用打字稿对反应组件进行单元测试？

How can i make unit test for react component with typescript?

typescript

reactjs

jestjs

react-testing-library