Jest снимок не создает снимок в Vue.js Nuxt - PullRequest
0 голосов
/ 05 ноября 2019

Я пытаюсь использовать снимок с моим недавно установленным приложением nuxt. Но создаваемый снимок выглядит не так. Он говорит, что прошел тест, но, как показано ниже, это не компонент, и когда я меняю компонент, он тоже не помечается.

Мой компонент:

<template>
  <div>
    <footer class="container">
      <small>{{ notice }}</small>
    </footer>
  </div>
</template>

<script>
export default {
  data () {
    return {
      notice: 'text here'
    }
  }
}
</script>

Мой тест:

import { shallowMount, createLocalVue } from '@vue/test-utils'
import Component from '@/components/home/Component.vue'
import BootstrapVue from 'bootstrap-vue'

const localVue = createLocalVue();
localVue.use(BootstrapVue);

const factory = () => {
  return shallowMount(Component, {
    localVue
  });
};

describe('Component', () => {
  test('renders correctly', () => {
    const wrapper = factory();
    expect(wrapper).toMatchSnapshot()
  })
})

Снимок, который он создает, выглядит следующим образом:

exports[`Component renders correctly 1`] = `
VueWrapper {
  "_emitted": Object {},
  "_emittedByOrder": Array [],
  "isFunctionalComponent": undefined,
};

Я не уверен, почему?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...