[Vuejs]-Vuetify error: Unknown custom element: <v-app-bar> – did you register the component correctly?

by

0👍

Probably you aren’t creating a correct Vue instance in your unit test. Take a look at vuetify website, there is a section about unit testing where they explain how to add vuetify to a localVue instance

0👍

I think that i creating Vue instance correctly, i don’t see error.

top-filter.spec.ts:

import TopFilter from '@/layout/TopFilter.vue'
import Vuetify from 'vuetify'
import { shallowMount, Wrapper, createLocalVue } from '@vue/test-utils'
import Vue from 'vue'

describe('topFilter.vue', () => {
  let vuetify: Vuetify, wrapper: Wrapper<Vue>
  beforeEach(() => {
    const localVue = createLocalVue()
    vuetify = new Vuetify()
    wrapper = shallowMount(TopFilter, {
      localVue,
      vuetify
    })
  })

  it('renders', () => {
    expect(wrapper.exists()).toBe(true)
  })
})

Leave a comment