Question

当我在it块中渲染组件时，一切都会按预期进行。

  it("when user inputs more characters it displays suggestions", async () => {
    const { getByLabelText, findByText } = render(<Component />);

    debug();
  });

但这不是一个好习惯。我更喜欢仅将it用于声明。当我这样做时：

  describe("when user inputs more characters ", async () => {
    const { getByLabelText, findByText } = render(<Component />);

    it("displays suggestions", () => {
      debug();
    });
  });

调试仅显示<body />，所有查询均在it块中失败。

我在做什么错或者为什么不支持呢？

Answer 1

它们都起作用，问题在于您必须将render放在it块中。那是因为您不能重复使用渲染的组件

使用react-testing-library，在`describe`中呈现的组件在`it`中不可见

1 个答案: