Helpers to render VueJS components in unit tests.
Toolset to make complete or shallow rendering VueJS components while writing unit tests. Can be run under Jest or Mocha test runners. See vue-test-utils.vuejs.org for details.
Questions tagged [vue-test-utils]
814 questions
0
votes
1 answer
How to test the access of protected route guard with in Vuejs?
I implemented a route guard to protect the /settings route with the vue-router method beforeEnter().
I try to test that the route is protected to admins only.
I am using Vuejs 2, Vue-router, Vuex and vue-test-utils.
router.js
import Vue from…
Simon Thiel
- 2,888
- 6
- 24
- 46
0
votes
1 answer
How do I mock a module that is minified?
I created a component to be used as a package. We are using third party code supplied to us, a config file (initOpinionLab.js) and a .min.js file (opinionlab.min.js). I am trying to write unit tests for my component. A module that index.js is…
Kevin T.
- 668
- 3
- 12
- 29
0
votes
1 answer
How to test that a Vue directives is called on hover/mouseover?
I try to test that theb-tooltip.hover directive from bootstrap-vue is called on hover.
It seems that the directive is called even without triggering the hover event andbuttonWrapper.trigger('mouseover'); doesn't show any effect.
How can I trigger…
Simon Thiel
- 2,888
- 6
- 24
- 46
0
votes
1 answer
How to write a unit test with data fetching, that alters data based on respone in vuejs?
I am trying to write a unit test for a function that does an async call, but it doesnt seem to alter the data prop, maybe I am doing something wrong.
Check the code below:
getSomething() {
MyService.getThis().then(
response => {
…
Moddah
- 51
- 1
- 7
0
votes
1 answer
Testing that a method is called when component is mounted
I'm trying to test that a method gets called when a component is mounted but it keeps failing with
Expected mock function to have been called one time, but it was called zero times.
Here is the component:
bba278
- 399
- 3
- 18
0
votes
1 answer
ElementUI tests throw ReferenceError: _Message is not defined
Bug report on ElementUI
I am using On-demand loading of ElementUI components. I've followed the instructions correctly and it works just fine when running the app.
The problem arises when I try to test with Jest and Vue test utils. None of the…
Maxim Fedotov
- 1,349
- 1
- 18
- 38
0
votes
0 answers
ReferenceError: windowTopScroll is not defined, when running tests with jest
I am trying to run a test on a file where windowTopScroll() is called on mounted method.
Jest is throwing ReferenceError: windowTopScroll is not defined
Here is my code for the test.
import Vue from 'vue';
import sinon from 'sinon'
import…
karthik sista
- 3
- 1
0
votes
1 answer
How to mock a user module differently in each test?
I have the following unit test for my Vue component:
import { shallowMount } from '@vue/test-utils';
import OrganizationChildren from './OrganizationChildren.vue';
describe('OrganizationChildren', () => {
beforeEach(() => {
…
ffxsam
- 26,428
- 32
- 94
- 144
0
votes
0 answers
Vuex Test Utils with TypeScript: Argument of type 'TYPE1'' is not assignable to parameter of type 'TYPE1 & TYPE2 & TYPE3 & TYPE4'
I am attempting to write a test using vuex test utils. I have setup the test as such:
myModule.ts
export const mutations = {
[TYPES.SET_VALUE1](state: myModuleState, payload: TYPE1) {
//...
},
[TYPES.SET_VALUE2](state: myModuleState:…
John Snow
- 1,898
- 2
- 27
- 48
0
votes
2 answers
Jest testing Vue Single File Components with Ionic Capacitor plugin imports
GitHub repo of the issue.
I'm building an Ionic app using Vue and Capacitor. I'm setting up unit tests using vue-test-utils + Jest. Jest unit tests are failing trying to import Capacitor plugins into Vue Single File Components.
The Vue app was…
Caleb Bergman
- 858
- 1
- 8
- 18
0
votes
3 answers
Getting [Vue warn]: Unknown custom element: even though bootstrap-vue is registered
A BootstrapVue b-modal component in a custom Vue component loads correctly in the browser. However, when testing using mocha+mochapack, it generates a Vue warning that the b-modal element is not registered. The test is using a localVue object that…
U Design We Code
- 1
- 1
- 2
0
votes
1 answer
How to test this component?
I have a Page level component which implements a component BookingInformation with slots. In the Page component, it's got another component BookingInformationHeader with slots. header and default.
My question is, how should I set up my test so that…
John Fu
- 1,812
- 2
- 15
- 20
0
votes
1 answer
Code coverage ignoring VueJS component files despite tests being successfully run for those components
I am trying to get the code coverage results for my frontend application, built in VueJS. Apparently, if I create a component and then write a test (snapshot test) for that component, the IDE (WebStorm) ignores that file.
I have done some research…
ggluta
- 143
- 1
- 11
0
votes
1 answer
How to test vuex store file?
Here I have written my vuex store file for state management. But I don't know how to test this file.
products.js
import products from '../api/products';
export function getProductById (products, id) {
const index = products.findIndex(
…
amit
- 353
- 1
- 3
- 19
0
votes
0 answers
How to run only the snapshot tests of a Vue project
I implemented unit and snapshot tests for my Vue.js project. Now I want to run unit and snapshot test separately (to integrate them into separate gitlab CI jobs).
By runing the following command both unit and snapshot tests execute:
vue-cli-service…
Simon Thiel
- 2,888
- 6
- 24
- 46