vitest单元测试mount初始化

Vitest是一个由Vercel团队开发的JavaScript单元测试库，用于测试React应用程序。当你想要对React组件进行单元测试，并关注其初始化阶段（特别是Mount阶段，即组件挂载到DOM的过程），Vitest提供了`vite.test`函数以及`createTestEnvironment`钩子来模拟这个过程。

在Vitest中，你可以这样做：

import { mount } from '@testing-library/react';
import MyComponent from './MyComponent';

describe('MyComponent', () => {
  let wrapper;

  beforeEach(() => {
    // 使用createTestEnvironment创建一个模拟环境
    wrapper = mount(<MyComponent />);
  });

  it('should render correctly on mount', () => {
    // 这里可以对组件渲染后的DOM进行断言
    expect(wrapper.text()).toEqual('预期的文本');
  });

  // ...其他测试用例

  afterEach(() => {
    // 清理资源，如清除定时器、事件监听等
    wrapper.unmount();
  });
});

在这个例子中，`mount`方法帮助我们创建了一个组件实例并将其挂载到了虚拟DOM上。然后我们可以检查组件是否按照预期进行了渲染。每个测试用例结束后，记得通过`unmount`清理组件以避免影响后续测试。