为什么我的 header 组件已定义但从未在我的测试中使用？

Question

我正在尝试进行 React 测试库测试，但遇到很多问题

import React from 'react'
import Header from './Header'
import {render, cleanup} from '@testing-library/react'

test("Renders's the header and required inputs", () => {
  const { getByTestId } = render(<Header/>);
  const Header = component.getByTestId ('header');
  expect(Header.textContent).toBe("Shipping Label")
})

组件导出Header.

Answer 1

您需要在文件顶部导入 React，如果您不进行渲染，这可能会导致问题。

import React from "react";

Answer 2

import React from 'react'
import Header from './Header'
import {render} from '@testing-library/react'

test("Renders's the header and required inputs", () => {
 const { getByText, getByTestId } = render(<Header />);
  expect(getByTestId("header")).toBeTruthy();
  expect(getByText("Shipping Label")).toBeTruthy();
})

尝试这样的事情，我认为你正在尝试使用来自酶等的“组件”，但它没有定义。

看看testing library cheat sheet

为什么我的 header 组件已定义但从未在我的测试中使用？

Why is my header component defined but never used in my test?

javascript

reactjs

react-testing-library

testing-library