Как я могу сделать модульный тест для реагирующего компонента с машинописью?

Question

Я сделал небольшой проект с использованием машинописного текста

и сделал так, чтобы он печатал номера тегов 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

, это была просто простая проблема.

Я хотел протестировать реагирующий компонент с машинописью, и этот файл должен иметь расширение tsx.Мой был просто *.test.ts

Я изменил свой тестовый файл testfile.test.ts на testfile.test.tsx, и проблема решена