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
2 answers
Shallow mounting in Vue, stubs not working
I'd like to write a Jest test for a Vue component, which renders a subcomponent. The component looks like this:
0
votes
1 answer
Testing component - Error in mounted hook: "TypeError: Cannot read property 'dispatch' of undefined"
I am trying to write a simple test for my vue component. Since the vue component makes an async call on mount and updates the vuex store, dispatch is called during mount, which breaks my existing unit tests. Any idea how to overcome this? Since I am…
AnchovyLegend
- 12,139
- 38
- 147
- 231
0
votes
1 answer
vue.js unit test v-slot with function call
I use bootstrap-vue for the vue.js css framework and decided to test the desired component. This component uses b-table and has a v-slot with a call function.
HamidNE
- 119
- 3
- 9
0
votes
1 answer
Working on Jest with timers for vee validate
I am trying to determine if my button is disabled but the disabled property keeps returning undefined. I have checked and followed the instruction in…
Dean Christian Armada
- 6,724
- 9
- 67
- 116
0
votes
0 answers
router-link vue test is not triggering attribute
I am trying to trigger my router-link that has a role of button with an aria-pressed attribute that becomes true when the link is pressed.
I am writing tests for that route and cannot figure out hohw to trigger the aria-attribute without it being…
user11794815
- 19
- 5
0
votes
2 answers
Run unit test with Jest, Vue, Vuetify, and Pug
I am currently working on a project that is using Vue, Class based components, typescript, pug, vuetify and Jest for unit testing. I have been trying to run unit tests using jest and have not been able to get them to work. At this point I am pretty…
Taylor
- 1,223
- 1
- 15
- 30
0
votes
0 answers
How to test vue component based on class style and html string?
I am a beginner of Vue.js, now I want to test my vue.js component by Jest.js, typescript, vue-class-component and vue-test-util.
But I faced a challenge to mount separate vue component in my jest test script, because I use HTML string rather than…
PeiHua Li
- 41
- 1
- 10
0
votes
0 answers
How to test for the existence of an HTML element within a Vue child component using Vue Test Utils?
It's pretty clear on how to test for the existence of a child component using Vue Test Utils through the official docs.
However, it's unclear how to test for the existence of a HTML element within that child element.
Say I have the following Child…
ptk
- 6,835
- 14
- 45
- 91
0
votes
1 answer
Vue tests - mocked axios returning undefinded
I'm having trouble writing unit tests with axios. When I mock axios, it returns undefinded. I'm using vue-test-utils and jest (see code below). I've checked the documentation, but can't figure it out.
import { shallowMount } from…
Radosław Łuczak
- 25
- 5
0
votes
1 answer
How to get click or class to work in Jest unit test
I am learning Jest for unit testing and I seem to be hitting a hurdle.
I am trying to check that when my menu a is clicked, that the 'active' class is applied.
This is my code:
HTML
…
murday1983
- 3,806
- 14
- 54
- 105
0
votes
0 answers
Unit Test using Jest. TypeError: Cannot read property 'getters' of undefined
I have a component that I want to test that uses Vuex.
components/Main/Header.vue
AllenC
- 2,754
- 1
- 41
- 74
0
votes
0 answers
Testing vue components that has vuex
I'm having trouble testing my vue component using the vuex inside it.
This is one of my mapGetters
methods
listaSatelite() {
if (this.getCropsSelected._id!=undefined) {
}}
And this is the error i'm getting:
Cannot read property…
Carlos Eduardo Ilgenfritz
- 160
- 2
- 12
0
votes
1 answer
How to mock $el property in JEST vue-test-utils?
How to mock $el property (points to component's HTML element) when testing component? I need to have an access to mocked $el in mounted() hook. Solution below does not work.
const wrapper = shallowMount(Component, {
mocks: {
$el: {…
Sheppard26
- 181
- 1
- 4
- 15
0
votes
0 answers
How to access Vue-test-util console error
I am using Jest to test this Vue component:
import { mount } from '@vue/test-utils'
import ExampleComponent from '../Components/Example.vue'
describe("Test", () => {
it('shows no errors', () => {
jest.spyOn(global.console, 'error');
…
rook99
- 1,034
- 10
- 34
0
votes
1 answer
How to test a Vue component against console errors?
The concept of testing Vue/Js is new to me,so bear with me. Normally if there are errors related to the Vue component I can see them in the browser console.
for example if I have a Vue component:
{{ number }}
…
rook99
- 1,034
- 10
- 34