如何在vue-test-utils中获取按钮文本

Question

如何从vue-test-utils中找到的元素中检索按钮文本？我使用的是v1.0.0-beta.10

例如，在我的vue文件中有一个按钮，如下所示：

el-button(@click.native="cancel",
          size="small",
          native-type="button") Cancel

然后在我的测试中：

const button = wrapper.findAll({
  name: "el-button"
})

console.log('buttonAll is', button.at(2).vnode.$attrs) // {}

我得到一个空对象。更好的是，我如何根据按钮文本直接查询Vue组件？

Answer 1

您可以从找到的元素中检索按钮文本，如下所示：

 describe('Button', () => {
  let wrapper;
  beforeEach(() => {
    wrapper = mount(VueComponent);
  });
  it('has a button with text mazino', () => {
    let button = wrapper.find('.mazino');
    expect(button.text()).toBe('mazino');
  });
});