test: switch to @testing-library/react

package.json

@@ -30,14 +30,12 @@
     "@storybook/addon-links": "^6.4.19",
     "@storybook/react": "^6.4.19",
     "@storybook/testing-library": "^0.0.9",
-    "@types/enzyme": "^3.10.11",
+    "@testing-library/react": "^12.1.5",
     "@types/jest": "^27.4.1",
     "@typescript-eslint/eslint-plugin": "^5.13.0",
     "@typescript-eslint/parser": "^5.13.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.3",
-    "enzyme": "^3.11.0",
     "eslint": "^8.10.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.5.0",

packages/react/test/index.test.tsx

@@ -1,12 +1,13 @@
-import { mount } from "enzyme";
+import { render } from "@testing-library/react";
 import React from "react";
 import Workbook from "../src/components/Workbook";
-import { waitForComponentToPaint } from "../../../tests/util";
 
 describe("Worksheet", () => {
   it("should render", async () => {
-    const wrapper = mount(<Workbook data={[{ name: "Sheet1" }]} />);
-    await waitForComponentToPaint(wrapper);
-    expect(wrapper.exists(".fortune-sheet-container")).toBeTruthy();
+    const { queryByText, container } = render(
+      <Workbook data={[{ name: "Sheet1" }]} />
+    );
+    expect(container.querySelector(".fortune-sheet-container")).toBeTruthy();
+    expect(queryByText("Sheet1")).toBeTruthy();
   });
 });

tests/setup.js

@@ -1,5 +1,3 @@
-import Enzyme from "enzyme";
-import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
 import "jest-canvas-mock";
 
 import React from "react";
@@ -13,8 +11,6 @@ jest.mock("react", () => ({
 
 jest.setTimeout(60000);
 
-Enzyme.configure({ adapter: new Adapter() });
-
 Object.defineProperty(window, "open", {
   value: jest.fn,
 });