14、测试 useEffect 与模拟组件

测试 useEffect 与模拟组件

在开发 React 应用时，测试是确保代码质量和稳定性的关键环节。本文将详细介绍如何使用 Jest 和 React Testing Library 来测试 useEffect 钩子，并模拟组件，以提高测试的效率和可维护性。

1. 模拟子组件

在测试中，我们经常需要模拟子组件，以避免测试的复杂性和重复性。下面是模拟子组件的步骤：
1. 创建模拟组件 ：使用 jest.mock 函数来模拟子组件。

jest.mock("../src/AppointmentsDayView", () => ({
    AppointmentsDayView: jest.fn(() => (
        <div id="AppointmentsDayView" />
    )),
}));

2. 编写测试用例 ：验证模拟组件是否被正确渲染，并传递了正确的 props。

describe("AppointmentsDayViewLoader", () => {
    beforeEach(() => {
        initializeReactContainer();
    });
    it("renders an AppointmentsDayView",