Question

我正在通过玩笑测试来测试Vue组件。这是用咖啡脚本编写的：

  wrapper = testUtils.mount(App, {localVue, router})
  expect(wrapper.find('#item-frame').text()).toContain('FooBarItem1')
  wrapper.find('#no').trigger('click')
  expect(wrapper.find('#item-frame').text()).toContain('FooBarItem2')

最后一行失败，并且从日志中我知道发生了单击处理程序，并且模板中显示的数据变量被设置为“ FooBarItem2”。另外，当我手动尝试时它也可以工作。我没有测试vue应用的经验，这是我的第一个测试。

模板为：

<template lang='pug'>
div#browse-new
  #item-frame {{content}}
</template>

编辑：我发现在触发点击之前添加此行是更新内容以响应它所必需的。

wrapper.find('#browse-new') # this magic line is needed before triggering the click for the test to pass

Dom未在Vue测试中更新

0 个答案: