Skip to main content
56 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
52 views

I recently upgraded my project from Vue 2 to Vue 3, so i'm just importing Bootstrap instead of using Bootstrap-Vue. I want to test the accordion functionality using nuxt-test-utils and my test ...
user2953989's user avatar
  • 3,039
0 votes
0 answers
35 views

I have a Nuxt composable that fetches data from Contentful using the contentful client's getEntries function. It's working on the frontend of my website but when I run my tests i'm getting: TypeError: ...
user2953989's user avatar
  • 3,039
0 votes
1 answer
60 views

I am updating my project from Vue 2/Nuxt 2 to Vue 3/Nuxt 3. As i've been doing this my tests have broken and i'm trying to resolve them but every way I try to shallowMount my component returns an ...
user2953989's user avatar
  • 3,039
0 votes
1 answer
528 views

Background: Vue3 app, using Vuetify, vitest, and vue-testing-library. Problem: I have a custom component whose template looks something like this: <template> <v-expansion-panel> ... ...
Andres Rosales's user avatar
  • 151
0 votes
2 answers
832 views

I'm using Vue 3.4, vue-testing-library 8.0.2 and vitest. I can't get my ref updated when using PrimeVue InputNumber (v-model) component in my unit test (whereas it perfectly works when executed in my ...
wintenbb's user avatar
  • 4,166
0 votes
1 answer
1k views

import { onErrorCaptured } from "vue"; import { TheLayout } from "@/components"; const snackbar = useSnackbar(); onErrorCaptured((err) => { console.error(err); snackbar....
Aniruth N's user avatar
  • 106
0 votes
1 answer
1k views

I've been struggling with some tests for some time and I cannot find a proper way to make them work. I use vitest, vue-testing-library and jest-dom when useful. What I want is to be able to use ...
Yz_'s user avatar
  • 1
0 votes
0 answers
207 views

I'm currently working in a Vue+javascript project that uses Vaadin components. I'm trying to test our code using vitest + vue testing library, but I'm having problems mocking the third party ...
anpemo's user avatar
  • 1
2 votes
1 answer
526 views

So I have an existing project where I wanted to add testing suite with jest + vue testing library. Added necessary libs and configs and jest basic calc sum test passes. After that importing basic vue ...
Perp's user avatar
  • 403
1 vote
1 answer
1k views

When using testing-library with Vue it is easy to check if an element is not present in the DOM. For example when v-if for the element is false: element = screen.queryByTestId("my-element") ...
Matt Sanders's user avatar
  • 11.5k
1 vote
0 answers
84 views

I decided to test my vue 3 project, in which I use vuetify components How do I correctly test my components in which I use vuetify components? When importing a component directly into the test, Just ...
Sergienko Andrey's user avatar
  • 21
1 vote
0 answers
499 views

I have a Vue 3 project created with Vite and using @vue/compat. I recently added Quasar using the Vite Plugin. For my tests, I use Vitest and Vue Testing Library. Everything works as intended, except ...
Jeffs24's user avatar
  • 11
1 vote
1 answer
2k views

I use Vue.js 3, setup syntax, typescript and vue-i18n. For the testing I use vitest and Vue Testing Library. I try to mock i18n's t function, but looks like component doesn't see it. How can I solve ...
Explicit's user avatar
  • 449
1 vote
1 answer
1k views

On a button click, the text in a div is supposed to be updated with data from an axios request. It works but the test fails (the text in the div doesn't get updated in the test). A basic ...
Cal El's user avatar
  • 77
3 votes
1 answer
4k views

I have a simple list component written in Vue3 that I am using to learn how to write automated test with Vitest and testing-library. However every test method seems to be rendered together, causing my ...
Nicola Migliore's user avatar
  • 33
1 vote
0 answers
107 views

I'm struggling to understand how I should be testing my parent/child components using the [Vue Testing Library][1]. I have a parent component called SavedCards which displays a child component (called ...
Richard Shergold's user avatar
  • 642
1 vote
0 answers
459 views

After implementing the searchBar logic, my tests stopped working (even those that don't depend on this searchBar component), I tried to mount the Header component with shallowMount, but it doesn't ...
Mike Santana's user avatar
  • 11
1 vote
3 answers
6k views

I used React Testing-Library, but not Vue Testing-Library before https://testing-library.com/docs/vue-testing-library/intro/ and I don't want to use mount or shallowMount where I can provide a stub. I ...
nsimeonov's user avatar
  • 744
2 votes
1 answer
3k views

I have a component in my Vue 3 app which displays a checkbox. The checkbox can be manually checked by the user but it can also be checked/unchecked as a result of a Pinia state change. I'm pretty new ...
Richard Shergold's user avatar
  • 642
4 votes
1 answer
771 views

I tried to test my custom input component. But I don't know how to do it right, because I didn't find any info how to test it. The only thing I found was from this Mocking Form and Field Contexts My ...
Rostyslav's user avatar
  • 71
1 vote
4 answers
8k views

Hello I changed my code from fetch to axios and when I run my tests I get this problem... Can anyone help me with that ? SyntaxError: Cannot use import statement outside a module > 1 | import ...
Jovan's user avatar
  • 13
0 votes
1 answer
1k views

I start to create unit tests for production app with use jest and @testing-library/vue and support libs. I make first test: import vue from "vue"; import { render } from "@testing-...
Airat Ahunov's user avatar
  • 36
0 votes
1 answer
2k views

I have a vue component that contains a TipTap editor, which I am having problems testing. I am using Vitest with vue-test-utils. This is my component: <script setup lang="ts"> import { ...
Nicole Harris's user avatar
  • 860
4 votes
0 answers
2k views

Trying to work out something that I thought would be pretty simple! I have a PrimeVue checkbox component on my page (and I'm using Vue 3, PrimeVue, vitest, @testing-library/vue and @testing-library/...
Richard Shergold's user avatar
  • 642
5 votes
1 answer
7k views

I am struggling to understand how I can test the rendering of items based on the results of a call to a Pina getter in my Vue 3 app (using the Vue Testing Library). An example of what I want to ...
Richard Shergold's user avatar
  • 642
5 votes
0 answers
1k views

I ran into a problem when running a component test that has a line inside it: const route = useRoute(). I get an error: Cannot read properties of undefined (reading 'path'). Here is the test: describe(...
DroFront's user avatar
  • 51
0 votes
1 answer
542 views

I'm having a couple of issues with my Vue test libs. I am trying to test a mixin. It requires setting the route and mocking a function. Here is my code MIXIN export const CampaignNotifier = { ...
David Pell's user avatar
  • 979
0 votes
1 answer
294 views

I am trying to convert string to blob but I keep getting {} instead const workingCSV = "Hey, hello, world," const localVue = createLocalVue() const wrapper = shallowMount(...
Jackie Chan's user avatar
  • 39
1 vote
1 answer
1k views

Struggling with testing-library and a Vue component with Vuex. This is the component, it has a watcher: <template lang="pug"> div </template> <script> import { ...
vicusbass's user avatar
  • 1,814
1 vote
1 answer
787 views

I'm trying to use @testing-library/vue and import the screen method and ESLint reports the following error: "screen not found in @testing-library/vue". // The render function doesn't error ...
Théo Lavaux's user avatar
  • 1,466
6 votes
2 answers
4k views

I am unable to run simple jest tests in my vue3 project using @testing-library/vue and jest-environment-jsdom. When I run npm run test I get the following error > [email protected] ...
Numan Farukh's user avatar
  • 145
2 votes
0 answers
263 views

I have a parent component and there are several child components. Some children use Vuex store. When I try to mount parent component like below in Vue test, I'm getting an error "Cannot read ...
prasadmsvs's user avatar
  • 1,759
3 votes
1 answer
5k views

I'm new to Vue and especially with the composition functions. I'm trying to test a component that uses the script setup; however, it seems that it is not working. The component is this one: <...
Airea's user avatar
  • 179
0 votes
1 answer
1k views

I have a form that contains a selector reusable component like this <template> <div class="channelDetail" data-test="channelDetail"> <div class="row"&...
Ali Ghafoori's user avatar
  • 204
1 vote
0 answers
1k views

I have setup unit testing using installation instructions from https://v1.test-utils.vuejs.org/ Tests are running properly. But the coverage is coming incorrectly. In the report it is showing it has ...
prasadmsvs's user avatar
  • 1,759
0 votes
0 answers
661 views

I have the following component, using Vue Formulate <template> <FormulateForm @submit="onSubmit"> <button type="submit">Submit</button> </...
LLCampos's user avatar
  • 335
0 votes
0 answers
159 views

How can I test the actual navigation that happens when a user clicks on a router link? E.g. I expect the linked component to be rendered but only the route changes, while the rendered component does ...
clapas's user avatar
  • 1,846
2 votes
0 answers
536 views

I am using full calendar v5 and testing-library/vue for tests. I try to test show more events in the popover. But although I am giving events more than 4 the show more link isn't being loaded on the ...
Damla Demir's user avatar
  • 21
0 votes
2 answers
3k views

I'm writing a test for Vuetify v-autocomplete wrapper component which checks displayed error message on blur. However error output shows that input select remains open and base element has focus ...
Adrian Rutkowski's user avatar
  • 339
0 votes
1 answer
2k views

I'm using vuejs, vue-testing-library, jest, axios, and axios-mock-adapter to test a component. I'm immediately running into the following error when trying to run my test: TypeError: _axiosMockAdapter....
karns's user avatar
  • 5,937
0 votes
0 answers
618 views

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": { "@...
karns's user avatar
  • 5,937
16 votes
2 answers
17k views

I'm testing a Vue component but I'm having trouble testing a button's disabled state. How can I access a button's disabled status in my tests? I've tried using .attributes() but in this instance the ...
Jon_B's user avatar
  • 1,089
1 vote
2 answers
2k views

I have a component with a strait forward Edit button. The Edit button calls a method that sets isEditing to true. There are a few input elements with v-if="isEditing", so I'm testing that ...
Eddie's user avatar
  • 590
2 votes
1 answer
3k views

I'm trying to implement some Testing Library tests on a Vuejs app, but I can't figure out how to pass props to a component within the test. For example, I want a unit test for a component that appears ...
Eddie's user avatar
  • 590
1 vote
1 answer
603 views

I'm trying to set up a component test with Vue Testing Library and Apollo as described in their example. import { ApolloClient, InMemoryCache } from '@apollo/client' import { render } from '@testing-...
J. Hesters's user avatar
  • 15k
0 votes
1 answer
452 views

I created a global guard that uses getters from store. I am trying to mock some getters from store for testing purpose. The problem is that mocking does not work. // router/index.ts export function ...
Amir Choubani's user avatar
  • 1,051
0 votes
1 answer
4k views

I'm trying to create some tests for a checkbox component but looks like I can't make an assertion for an input[type="checkbox"] when is disabled. In the first two blocks I'm testing if the ...
Vinicius Cainelli's user avatar
  • 1,054
1 vote
1 answer
2k views

I'm trying to test an emitted event by an input field, which has a debounce on update method. Without debounce, the test passed, without problems. Here's a piece of the code. import { render } from '@...
Vinicius Cainelli's user avatar
  • 1,054
0 votes
1 answer
1k views

I create project through vue cli with options: vue3, TS, JEST and add @testing-library/vue . my package.json looks like this { "name": "todo-app", "version": "0....
flasher2085's user avatar
  • 301
2 votes
2 answers
4k views

I can't seem to get the following example to work with vue3 and testing library. https://github.com/testing-library/vue-testing-library/blob/main/src/tests/translations-vue-i18n.js I've even tried to ...
devtime's user avatar
  • 93

1
2