Vue Тестирование снимков с RouterLinkStub не отображает привязку, как ожидалось - PullRequest
Новая
       68

Vue Тестирование снимков с RouterLinkStub не отображает привязку, как ожидалось

0 голосов
/ 24 февраля 2020

Я пытаюсь запустить тесты jest-snapshot в приложении Vue, в котором есть компонент с элементом router-link. Я использую RouterLinkStub, как рекомендовано в Тестирование моментальных снимков с Vue -Router

Мой шаблон компонента похож на 

<template>
  <section class="content">
    <div>
      <router-link to="/" v-slot="{ href, route, navigate }">
        <a :href="href" @click="navigate">
          Homepage
        </a>
      </router-link>
    </div>
  </section>
</template>

Проблема в том, что в снимок, router-link отображается как пустой элемент привязки (<a />), поэтому, если я изменю текст ссылки, тест снимка пройдет успешно.

Это мой тест снимка: 

import { RouterLinkStub, shallowMount } from '@vue/test-utils'

import PageNotFound from 'views/PageNotFound.vue'

describe('PageNotFound.vue', () => {
  it('renders as expected', () => {
    const wrapper = shallowMount(PageNotFound, {
      stubs: {
        RouterLink: RouterLinkStub
      }
    })

    expect(wrapper.element).toMatchSnapshot()
  })
})

Не могли бы вы мне помочь? Спасибо

...