vue.js - 如何在 shallowMount 上使用 vue-test-utils 设置属性？

Question

我想在我的 Vue 组件中测试方法，但我需要为此模拟一些属性数据，稍后我将作为 this.$attrs.pattern 等等...我当前的代码是:

let wrapper;

beforeEach(() => {
   wrapper = shallowMount(Input);
});

afterEach(() => {
   wrapper.destroy();
});

it('should pass pattern check', () => {
   // I want to setup pattern attribute here
   expect(wrapper.vm.passPatternCheck).toBeTruthy();
});

我期待有类似 wrapper.setProps() 的东西，但还找不到。

Answer 1

看起来还不支持将以后的 attrs 添加到 wrapper。因此，我不得不删除 beforeEach，而是为我完成的每个测试执行具有特定 attrs 的 shallowMount。看起来像这样:

let wrapper;

afterEach(() => {
   wrapper.destroy();
});

it('should pass pattern check', () => {
   wrapper = shallowMount(Input,{
      attrs: {
          pattern: regex,
          }});
   expect(wrapper.vm.passPatternCheck).toBeTruthy();
});

如果以后能支持像props: wrapper.setProps({})一样添加attrs就太好了