Как исправить warning в unit тестах Vue + Vuetify?

Question

[Дмитрий Арушанов]

Всем доброго времени суток. Есть проект на VUE c Vuetify plugin.
Есть компонента, не сильно сложная но использует vuetify expansion-panel.
И при попытке оттестировать ее, и при выполнении `mount()` в консоли выводится несколько сообщений в таком виде.
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

Как можно решить эту проблему? И на сколько она критична?

Answer 1

[Alex]

Скорее всего в вашем тесте вы не подключили Vuetify. Как следствие его компоненты не были зарегистрированы.
Посмотрите регистрацию плагина в тесте на примере VueRouter

Comments

[Дмитрий Арушанов]

Спасибо, но я так тоже уже пытался в итоге если делаю вот так вот

import { createLocalVue, mount } from '@vue/test-utils'
import Vuetify from 'vuetify/lib'
import Feedback from '../../src/views/private/cards/Feedback.vue'

const localVue = createLocalVue()
localVue.use(Vuetify)

....

wrapper = mount(Feedback, { localVue });

...

и получаю вот такую ошибку

Jest encountered an unexpected token:

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

    By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

    Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

Гуглил по этим подсказкам, но не вышло ничего настроить. Оно или вообще ничего не запускало(тесты) или та же самая ошибка.

[Alex]

Дмитрий Арушанов, Возможно у вас не правильно настроен пре-процессор vue-jest
https://vue-test-utils.vuejs.org/ru/guides/testing...