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

Question

我正在尝试进行反应测试库测试，但有很多问题

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

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();
})

尝试这样的事情，我认为您正在尝试使用酶等中的“成分”，并且没有定义。

查看测试库备忘单

Answer 2

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

import React from "react";