Nuxt Test Utils - A Primer to Testing in Nuxt

🃏 Testing is important for any application. And at a certain complexity, manual testing is simply not possible anymore. Luckily, writing Unit Tests and E2E Tests for your Nuxt application isn't as difficult as it may seems. In this video, we will dive into the different testing types and build tests for your demo application in less than 20 minutes! Key points: 🔧 How to set up @nuxt/test-utils ⌨️ Writing unit tests for our demo application 🚨 Creating different E2E tests, e.g. using Playwright --- Links: 🔗 Docs - https://nuxt.com/docs/getting-started/testing 🔗 Code - https://github.com/manniL/alexander-lichter-nuxt-testing-primer 🔗 Test Utils Repo: https://github.com/nuxt/test-utils/ 🔗 DejaVue - https://dejavue.fm/ - @DejaVueFm 📺 What is useState - https://www.youtube.com/watch?v=mv0WcBABcIk Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up! 🌐 Connect further: Website: https://www.lichter.io Twitter/X: https://twitter.com/TheAlexLichter Twitch: https://www.twitch.tv/TheAlexLichter Chapters: 00:00 Intro and Agenda 01:16 Demo App Overview 03:28 Set up Test Utils 05:48 Simple Unit test for the AppNumber Component 08:17 Mocking useState in a Unit Test 10:46 Suggest your scenarios! 11:06 End to End Testing asserting the HTML 14:04 E2E Testing with Playwright 17:30 Setting the test env per file if needed 18:30 Summary 19:23 DejaVue - The Vue Podcast