test-utils | Tools | UI Testing library

in my nuxt app , after changing route using this.$router.push({ path: '/path' }) i got the nodeOps.tagName(...) is undefined in firefox , in chrome i get cannot get access to .toLowerCase() of undefined in the same line .

it happens in createPatchFunction of vue.runtime.esm.js versions: nuxt:^2.14.12, vue:^2.6.12

I am working on project upgrade from Vue 2 to Vue 3. The code base changed according to Vue migration documents: https://v3.vuejs.org/guide/migration/introduction.html#overview. I have mismatch of above mentioned libraries. Does somebody has a running project and would share their working library versions

Current mismatch error is :

Ok then. I have this code and is just for practice so it could be a bit messy (please ignore the cammelCase convention or bad practices unless they are the cause of the problem, beacause I've already take note of it), howerver i'm going to describe what it does and I'll show the code.

I have this componet that is rendered without data at first time, then when the users click a button (in a parrent component) an API it's called (also in the parrent) and the response is sended to this problematic component through props. After de data from the API is recived (props.rows), a useEffect is executed to format this data and store it in state (Rows). When Rows value changes, another useEffect should be executed and manipulate Rows (without mutating it) to create another kind of data (TotalPages). The thing is that when I call setTotalPages() this produce an infinite loop and I get the error Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

I'll show the code now

This is the problematic component

After updating my npm packages, some of the imports from the 'vue' module started showing errors:

TS2305: Module '"../../node_modules/vue/dist/vue"' has no exported member 'X'

where X is nextTick, onMounted, ref, watch etc. When serving the project, Vue says it's "failed to compile". WebStorm actually recognizes the exports, suggests them and shows types, but the error is shown regardless. Some exports like computed and defineComponent work just fine.

What I've tried:

• Rollback to the previously used Vue version "3.2.2" > "3.0.11". It makes the abovementioned type errors disappear, but the app stops working entirely, showing lots of TypeError: Object(...) is not a function errors in console and not rendering the app at all. In the terminal, some new warnings are introduced: "export 'X' (imported as '_X') was not found in 'vue' where X is createElementBlock, createElementVNode, normalizeClass and normalizeStyle.
• Rollback other dependencies. None of the ones that I tried helped fix the problem, unfortunately.
• Manually declare the entirety of 'vue' module. We can declare the 'vue' module exports in shims-vue.d.ts, and it actually makes the errors disappear, however, this seems like a terrible, time-consuming workaround, so I would opt out for a better solution if possible.

My full list of dependencies:

I have following package.json

I am testing a VueJS 2 application using vue-test-utils library and I want to check if the mixin was passed to specific component, something like mounting the component using mount and accessing the mixin throw something like wrapper.vm.mixins.

I've already tried to access using: wrapper.vm.mixin, wrapper.vm.mixins, wrapper.mixin, wrapper.mixins, wrapper.vm.$mixin and wrapper.vm.$mixins.

My vue component is like this:

I have to use react translation for multiple languages. When I am installing

My eslint don't work, and I don't know why.

Here is my eslint file:

• dockerfile: