javascript - 为什么我使用 jest-dom 时会报错 "TypeError: expect(...).not.toBeVisible is not a function"

Question

关于上一个问题 - How can Enzyme check for component visibility?我尝试使用 jest-dom专门使用他们的toBeVisible功能。

尽管遵循了文档，但我无法让它在我的测试中工作并得到错误
"TypeError: expect(...).not.toBeVisible is not a function"
在此处的 CodeSandbox 中完全复制

import Enzyme, { mount } from "enzyme";
import Adapter from "enzyme-adapter-react-16";
import React from "react";
import MyCheckbox from "./MyCheckbox";
import MyCheckboxesInUse from "./MyCheckboxesInUse";


Enzyme.configure({ adapter: new Adapter() });

test("Check that one checkbox is hidden and the other is visible", () => {
  const wrapper = mount(<MyCheckboxesInUse />);

  const checkboxes = wrapper.find(MyCheckbox);
  expect(checkboxes).toHaveLength(2);

  //HOW DO I CHECK THAT ONE IS VISIBLE AND THE OTHER IS NOT ?
  expect(checkboxes.get(0)).not.toBeVisible();
  expect(checkboxes.get(1)).toBeVisible();
});

Answer 1

我面临着类似的问题。就我而言，它是通过以下步骤解决的: -

添加 @testing-library/jest-dom打包到devDependencies而不是 dependencies在 package.json 文件中。

接下来添加以下内容之一:

添加 import '@testing-library/jest-dom';到 setupTests.js

或添加开 Jest 配置(package.json):"setupFilesAfterEnv": [ "@testing-library/jest-dom/extend-expect" ]