test for Counter component with @testing-library/dom

counter2.test.js

// Counter.test.js
import { getQueriesForElement } from "@testing-library/dom";
import ReactDOM, { unmountComponentAtNode } from "react-dom";
import { act } from "react-dom/test-utils";
import Counter from "./Counter";

let container = null;
beforeEach(() => {
  container = document.createElement("div");
  document.body.appendChild(container);
});

afterEach(() => {
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

it("Counter 컴포넌트를 렌더링합니다", () => {
  const { getByText } = getQueriesForElement(container);

  act(() => {
    ReactDOM.render(<Counter />, container);
  });

  getByText("Counter: 0");
  getByText("+");
  getByText("-");
});