How to debug Vue.js e2e tests in WebStorm?
I've been trying to add a 'Debug Configuration' for the e2e tests in my Vue.js app in WebStorm (or IntelliJ Ultimate).
This was easily done for the unit tests after following their blog post which addressed that.
However, I also want to use breakpoints when running the e2e tests. All of the articles and search results I've come across only mention unit tests in this context, but surely others are using their Jetbrains IDE to debug e2e tests in a Vue app?
How to configure my IDE's debug configuration so that I can hit breakpoints in the e2e tests of my Vue app?
No special support for Nightwatch testing framework is currently provided; if you miss it, please vote for WEB-16510 to increase its priority and be notified on any progress with it.
Nightwatch wiki provides step by step instructions to integrate it with Webstorm IDE - see https://github.com/nightwatchjs/nightwatch/wiki/Debugging-Nightwatch-tests-in-WebStorm.
But, as in Vue projects e2e tests are normally run with vue-cli-service, I'd suggest a different setup that works for me:
- Centralize radio-group Vuetify
- Vue.js - updated array item value doesn't update in page
- Access destructured value inside function body in vue
- How do I turn off the productionTip warning in Vue 3?
- Unable to locate file in Vite manifest: resources/js/Pages/MainPage.vue
- Touch Problem with slider on Android 12 compared to Android 8 in vuejs webapp in WebView
- Vue3 Check if a Slot is Empty
- Why am I getting a "cannot read properties of null reading ParentNode" error from vue-router?
- Vue.js: How to set a unique ID for each component instance?
- How do I fix a "Vue packages version mismatch" error on Laravel Spark v4.0.9?
- How do I change the vuetify theme background color
- VueJS $watch $refs
- Sort Proxy Array of Objects, localeCompare is not a function
- How to type a wrappers props without preventing it from appearing in attrs?
- Toggle vue-multiselect close/open on button click
- Tracking down the root cause of unexpected reactivity in Vue 3 components
- How to put json variable directly into DIV Class
- Consume API endpoint from Laravel + Inertia App
- How to watch for multiple values in Vue 3 script setup?
- vuejs app isn't running when using cdn: version 3
- Vue - v-if not updating with onMounted
- Vue passing data to child component
- Vue3 - possible to bind prop to background-image in style?
- Vue - passing a data list to child component
- VueJs, difference between computed property and watcher?
- How to cleanup Nuxt js extra div containers?
- Open a dropdown with right click in Vue3 and Vuetify3
- How to globally ignore errors with sentry v5 to reduce noise
- How to change port number in vue-cli project
- How to set URL query params in Vue with Vue-Router