python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - vue-test-utils

Vue component doing async hangs at await while jest testing

I'm trying to test a component that loads data asynchronously when mounted. The component works as expected, it's just the test that's giving me issues. The component's async loadData() function hangs...
test-img

velis

jestjs

vue-component

vue-test-utils

Votes: 0

Answers: 1

Latest Answer

I would delete, but I just spent quite some hours for something that was suggested in the docs, but not explained that it's the only way... I'm hoping somebody else finds this useful. Using flush-prom...
test-img

velis

Vuejs testing library - how to write a test to handle axios request in "mounted" hook

I have a vue component that fetches data from an api in the "created" function. I'm just getting up and running using the following testing stack: "devDependencies": { "...
test-img

karns

vue.js

jestjs

vue-test-utils

vue-testing-library

Votes: 0

Answers: 0

Vue test utils for Vue3 : document is not defined

I try to bootstrap a simple app based on the following Vue3, Vite, Vitest I also installed the vue 3 compatible version of vue test utils to test vue components. I have an error trying to replicate th...
test-img

Pierre_T

vue.js

vue-test-utils

vite

Votes: 0

Answers: 4

Latest Answer

Finally fixed it by manually installing jsdom and declaring it in vite.config.ts export default defineConfig({ test: { globals: true, environment: "jsdom", }, ... }
test-img

Pierre_T

Vue test utils: how to setProps if they are used in mounted()

I'm using jest / vue-test-utils to test a component, and I can't find a way to set props if they are used in mounted(). The component has one prop queryFilter: { type: Object } which is used within th...
test-img

daniel p

vue.js

jestjs

vue-test-utils

Votes: 0

Answers: 1

Latest Answer

You could directly pass the props when mounting your component. Example: import { mount } from '@vue/test-utils' import Filter from '../../src/components/Filter.vue' test('basic fail', async () =>...
test-img

floriankapaun

Posts

Questions

Blogs

Jobs