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
vue.js test-utils Why my onSubmit function mock is not called?
I am trying to test the submit form event using the following spec file :
ContactForm.spec.js
import Vue from "vue";
import Vuex from "vuex";
import { storeMock } from "./mocks.js";
import VeeValidate from "vee-validate";
import i18n from…
user762579
0
votes
1 answer
Pass to slot a component that also needed a slot property
How can i test a component with slot, for example
carousel has a slot component inside
and slider has a slot component inside.
This doesnt support that feature.
Maybe i must use e2e tests?
Tell me please how to do this. Thank you.
// This is how…
R. Sultanov
- 73
- 1
- 1
- 6
0
votes
1 answer
vue.js vuetify : test-utils w Jest how to match text when using icon
given the following generated html
STOP!
pause_circle_outline
…
user762579
0
votes
1 answer
shallowMount one level deep
I'm currently working on a Vue.Js project where we have a lot of modal components written like this:
... some logic that needs to be…
gav.newalkar
- 302
- 3
- 11
0
votes
1 answer
How to get access to slotted component / template in vue-test-utils?
Component:
How to get access to div.in-slot and test his text?
Hello world
DenniLa2
- 381
- 2
- 14
0
votes
0 answers
vue unit test with jest
I was using jest for my web-app unit testing,but got an tough case.
I import a component in a test.spec.js file , this component imports a http request function from another file , this http request function use the var I defined in the vuex…
Jerry
- 170
- 8
0
votes
1 answer
vuejs click testing mouse event
i have a template with the following
the login function is quite long but composed of
login() {
this.error =…
Don
- 1
- 3
- 3
0
votes
1 answer
Is there a way to add instances to already mounted Vue component in vue-test-utils?
I have few unit tests for a Vue component. In most of the tests, the shallowMounted component just need computed properties. But for two test I need a store(Vuex) instance. Is there a way to add instances to the already shallowMounted component? May…
sven
- 303
- 1
- 2
- 8
0
votes
0 answers
Testing a Chart.js component with Vue test utils throws a window.matchMedia error
I'm trying to write Mocha/Chai tests for a Vue component which utilizes Chart.js. All tests pass, but I then get this error:
C:\repos\security-center-frontend-2\security-center-frontend\node_modules\mocha\lib\runner.js:726
err.uncaught = true;
…
Boris K
- 3,442
- 9
- 48
- 87
0
votes
1 answer
Test Error Comparing Props and Data
I have a component that when created() sets date: with null or with props.datainicial.
export default {
props: ['numeroDaParcela', 'datainicial'],
data () {
return {
date: null,
dateBR: '',
modal: false
}
},
created…
extraxt
- 415
- 1
- 4
- 14
0
votes
1 answer
Vue test-utils: Trigger right-click event on the Wrapper
import { mount } from '@vue/test-utils'
import sinon from 'sinon'
import Foo from './Foo'
const clickHandler = sinon.stub()
const wrapper = mount(Foo, {
propsData: { clickHandler }
})
//click works
wrapper.trigger('click')
// right click…
Adi
- 127
- 2
- 14
0
votes
1 answer
How to set data for the child vue component in vue-test-utils?
I have a FileForm.vue component:-
user3072362
- 35
- 1
- 7
0
votes
2 answers
DOM modification in mounted method not in JEST snapshot
I've got a Vue component and inside mounted method I have this:
this.el = d3.select(this.$el);
this.svg = this.el.select('svg')
.attr('width', mainSvgPos.svgWidth)
.attr('height', mainSvgPos.svgHeight)
.attr('viewBox', "0 0 "…
Michal Holub
- 730
- 1
- 7
- 21
0
votes
0 answers
Vue test utils: TypeError mounted
I am having an issue with Vue Test Utils. When I run a unit test, I am always confronted with:
TypeError{line: 73983, sourceURL: 'http://localhost:9876/base/index.js?045b00affe888fcd6b346c4fe50eadd13d471383', stack:…
Joshua Yap
- 1
- 2
0
votes
1 answer
mocha programmatically set vue error handler
I find myself writing this at the start of pretty much all of my unit tests in mocha:
it('should do something', (done) => {
Vue.config.errorHandler = done;
// do something aynchronous
});
By default, Vue catches all errors itself and logs them…
callumacrae
- 8,185
- 8
- 32
- 49