Я пытаюсь использовать снимок с моим недавно установленным приложением 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,
};
Я не уверен, почему?