Vuetify: Custom component unit tests display warning "missing <v-app>"

Created on 2 Aug 2017 · 2Comments · Source: vuetifyjs/vuetify

Steps to reproduce

Run karma unit tests for custom components which contains v-dialog or v-menu.

Versions

vuetify 0.14.7
vue 2.4.2

What is expected ?

All test should pass without any error or warning

What is actually happening ?

When testing components which contains v-dialog or v-menu (both using detachable mixin), the warning Application is missing <v-app> component. keeps displaying

Reproduction Link

I created simple repo with three tests (using vue init vuetify/webpack + karma unit tests)
https://github.com/lattam/vuetify-test-example

clone it, npm install, npm run unit

Note: In Menu.spec.js I tried to wrap the component into <v-app> element, but the warning keeps displaying.

Thanks for any help!

Source

lattam

❤1 👍1

Most helpful comment

Add the following code to your test/unit/index.js file

var app = document.createElement('div')
app.setAttribute('data-app', true)
document.body.appendChild(app)

That way there will always be a div with data-app attribute in your tests for components to use

nekosaur on 2 Aug 2017

👍15 ❤4

All 2 comments

Add the following code to your test/unit/index.js file

var app = document.createElement('div')
app.setAttribute('data-app', true)
document.body.appendChild(app)

That way there will always be a div with data-app attribute in your tests for components to use

nekosaur on 2 Aug 2017

👍15 ❤4

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord