使用 jest 测试 vuejs 的路由器链接上的点击事件

Question

<ul>
  <router-link to="/" tag="li" active-class="active" exact><a >Home</a></router-link>
  <router-link to="/contact" tag="li" exact><a>contact</a></router-link>
  <router-link to="/other" tag="li" exact><a>other</a></router-link>
<ul/>

Test.spec.js (i am trying to trigger the click event and check the other component is loaded or not)

await wrapper.findAll('a').at(2).trigger('click')
await wrapper.vm.$nextTick()
expect(wrapper.contains('This is other Page')).toBe(true)

but the test is failing

Answer 1

You dont need to do test about router-link, the behavior of this you dont care, becouse; the behavior that you need is only know that the is rendered. No more. You can do test like this

 const wrapper: any = shallowMount(YourComponent, {
    stubs: ['router-link', 'router-view']
  });

expect(wrapper.html()).toContain('to="/contact"');

Other thing that you can doing is verify that the prop "to" recived exactly the string "/contact"

For me, is enough .toContain(...)

PD: sorry for my english.