84: Edd Yerburgh - Testing Vue.js Components

Full Stack Radio

Episode | Podcast

Date: Wed, 14 Mar 2018 14:07:00 +0000

<p>Topics include:</p><ul> <li>Challenges with testing Vue components prior to vue-test-utils</li> <li>How vue-test-utils works and what it looks like to test a component</li> <li>Choosing a test runner</li> <li>Common mistakes people make when testing their components</li> <li>Mocking and stubbing external dependencies</li> <li>Combining unit testing with snapshot testing</li> </ul><p>Sponsors:</p><ul> <li> <a href="https://codeship.com">Codeship</a>, check out how they performed in <a href="https://codeship.com/forrester-wave-continuous-integration-report">Forrester's latest Continuous Integration Tools report</a> </li> <li> <a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li> </ul><p>Links:</p><ul> <li> <a href="https://github.com/vuejs/vue-test-utils">vue-test-utils</a> on GitHub</li> <li><a href="https://vue-test-utils.vuejs.org/en/">vue-test-utils Documentation</a></li> <li> <a href="https://www.manning.com/books/testing-vuejs-applications">"Testing Vue.js Applications"</a>, Edd's book</li> <li> <a href="https://github.com/airbnb/enzyme">Enzyme</a> testing utility for React</li> <li><a href="https://github.com/jsdom/jsdom">jsdom</a></li> <li> <a href="https://facebook.github.io/jest/">Jest</a>, Edd's recommended test runner</li> <li><a href="https://github.com/zinserjan/mocha-webpack">mocha-webpack</a></li> <li><a href="https://facebook.github.io/jest/docs/en/mock-functions.html">Mocking in Jest</a></li> <li><a href="https://facebook.github.io/jest/docs/en/snapshot-testing.html">Snapshot testing in Jest</a></li> <li><a href="https://vuejs.org/v2/guide/components.html#Async-Components">Async Vue components</a></li> </ul>