在 Vue 测试工具中 Mock 数据：window.hostConfig.env 的最佳实践

在 @vue/test-utils 中，可以使用 jest.mock() 函数来模拟数据。具体步骤如下：

1. 在测试文件的顶部引入 Jest 和 @vue/test-utils：

import { shallowMount } from '@vue/test-utils';
import { jest } from '@jest/globals';

2. 使用 jest.mock() 函数来模拟数据。在该函数中，可以指定要模拟的模块路径以及要返回的模拟数据。

jest.mock('@/path/to/module', () => ({
  hostConfig: {
    env: 'mockedData'
  }
}));

3. 在测试用例中使用 shallowMount() 函数来挂载组件并进行测试。

describe('Component', () => {
  it('should render correctly', () => {
    const wrapper = shallowMount(Component);
    // 进行断言或其他测试操作
  });
});

在上述测试用例中，当组件中访问 window.hostConfig.env 时，将返回 'mockedData'。这样就可以在测试中模拟数据。