jest vue单测 如何模拟this$env这种数据

在Vue的单元测试中，可以使用jest和vue-test-utils来模拟this.$env这种数据。

首先，需要在测试文件中引入Vue、VueTestUtils和被测试的组件：

import { createLocalVue, shallowMount } from '@vue/test-utils';
import MyComponent from '@/components/MyComponent.vue';

const localVue = createLocalVue();

然后，可以通过localVue.prototype来添加this.$env的模拟数据：

localVue.prototype.$env = {
  // 模拟的数据
  apiUrl: 'http://example.com/api',
  appVersion: '1.0.0',
};

接下来，可以使用shallowMount来创建被测试的组件实例，并传入localVue作为选项：

describe('MyComponent', () => {
  it('renders correctly', () => {
    const wrapper = shallowMount(MyComponent, { localVue });

    // 断言或其他测试逻辑
  });
});

在被测试的组件中，可以通过this.$env来访问模拟的数据：

export default {
  // ...
  created() {
    console.log(this.$env.apiUrl);
    console.log(this.$env.appVersion);
  },
  // ...
};

这样，就可以在Vue的单元测试中模拟this.$env这种数据了