Edd Yerburgh's guest appearances

Edd Yerburgh

Full Stack Radio

Views on Vue

Devchat.tv Episode Roundup

Sarah Drasner

Chris Fritz

Aaron Gustafson

Eric Gardner

Natalia Tepluhina

Jen Looper

Ari Clark

Jack Koppa

Gopinath Chigakkagari

Sunil Sandhu

Ori Zohar

Oscar Spencer

Thorsten Lunborg

Christian Kienle

Austin Gil

OwlTail

Panel:   Divya Sasidharan Chris Fritz Joe Eames  Special Guests: Edd Yerburgh In this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains Vue Test Utils, which is a library to help make unit testing Vue components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the Vue Jest library, and more! In particular, we dive pretty deep on:  Edd intro Maintains Vue Test Utils What is Vue Test Utils? Library to make unit testing Vue components easier What is a mounted component? Would you use Vue Test Utils by yourself? Jest, Jasmine, and Mocha Needs to be run in a DOM environment JS DOM Examples of components that you would use to test with Vue Test Utils What are good patterns to use when testing? Consider what and if you should test? Difficult to give a definitive answer as to when you should unit test vs you shouldn’t What you hope when you are writing unit tests Tests as a form of documentation Writing unit tests to pay off in the future What is a Snapshot test? When would you use a snapshot test? Leaning on Jest for snapshot tests Vue Jest library Testing in Vue Creating components within your test itself Testing a mixin And much, much more!  Links:  Vue Vue Test Utils Jest Jasmine Mocha Snapshot test Vue Jest Edd’s GitHub @EddYerburgh eddyerburgh.me Edd’s Medium  Sponsors  Kendo UI Digital Ocean FreshBooks  Picks: Divya  The React is “just” JavaScript Myth by Dave Rupert Bang Bang Con Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar  Chris  Having a point to stop working at night ASMR  Joe  Rocketbook VS Code Top-Ten Pro Tips  Edd  Testing Vue.js Applications by Edd jscodeshift

Panel: <ul> <li>Divya Sasidharan</li> <li>Chris Fritz</li> <li>Joe Eames</li> </ul> Special Guests: Edd Yerburgh In this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a>, which is a library to help make unit testing <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the <a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a> library, and more! In particular, we dive pretty deep on: <ul> <li>Edd intro</li> <li>Maintains <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a></li> <li>What is <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a>?</li> <li>Library to make unit testing <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> components easier</li> <li>What is a mounted component?</li> <li>Would you use Vue Test Utils by yourself?</li> <li><a href="https://jestjs.io/" rel="nofollow" target="_blank">Jest</a>, <a href="https://jasmine.github.io/" rel="nofollow" target="_blank">Jasmine</a>, and <a href="https://mochajs.org/" rel="nofollow" target="_blank">Mocha</a></li> <li>Needs to be run in a DOM environment</li> <li>JS DOM</li> <li>Examples of components that you would use to test with Vue Test Utils</li> <li>What are good patterns to use when testing?</li> <li>Consider what and if you should test?</li> <li>Difficult to give a definitive answer as to when you should unit test vs you shouldn’t</li> <li>What you hope when you are writing unit tests</li> <li>Tests as a form of documentation</li> <li>Writing unit tests to pay off in the future</li> <li>What is a <a href="https://jestjs.io/docs/en/snapshot-testing" rel="nofollow" target="_blank">Snapshot test</a>?</li> <li>When would you use a snapshot test?</li> <li>Leaning on Jest for snapshot tests</li> <li><a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a> library</li> <li>Testing in Vue</li> <li>Creating components within your test itself</li> <li>Testing a mixin</li> <li>And much, much more!</li> </ul> Links: <ul> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a></li> <li><a href="https://jestjs.io/" rel="nofollow" target="_blank">Jest</a></li> <li><a href="https://jasmine.github.io/" rel="nofollow" target="_blank">Jasmine</a></li> <li><a href="https://mochajs.org/" rel="nofollow" target="_blank">Mocha</a></li> <li><a href="https://jestjs.io/docs/en/snapshot-testing" rel="nofollow" target="_blank">Snapshot test</a></li> <li><a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a></li> <li><a href="https://github.com/eddyerburgh" rel="nofollow" target="_blank">Edd’s GitHub</a></li> <li><a href="https://twitter.com/eddyerburgh?lang=en" rel="nofollow" target="_blank">@EddYerburgh</a></li> <li><a href="https://eddyerburgh.me/" rel="nofollow" target="_blank">eddyerburgh.me</a></li> <li><a href="https://medium.com/@eddyerburgh" rel="nofollow" target="_blank">Edd’s Medium</a></li> </ul> Sponsors <ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_medium=cpm&amp;utm_source=adventuresinng&amp;utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_source=pbm&amp;utm_medium=affiliate-program&amp;utm_influencer=419364&amp;utm_campaign=podcast-influencers" rel="nofollow" target="_blank">FreshBooks</a></li> </ul> Picks: Divya <ul> <li><a href="https://daverupert.com/2018/06/the-react-is-just-javascript-myth/" rel="nofollow" target="_blank">The React is “just” JavaScript Myth by Dave Rupert</a></li> <li><a href="http://bangbangcon.com/" rel="nofollow" target="_blank">Bang Bang Con</a></li> <li><a href="https://www.youtube.com/watch?v=0oo8wIi2qBE" rel="nofollow" target="_blank">Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar</a></li> </ul> Chris <ul> <li>Having a point to stop working at night</li> <li>ASMR</li> </ul> Joe <ul> <li><a href="https://getrocketbook.com/" rel="nofollow" target="_blank">Rocketbook</a></li> <li><a href="https://www.youtube.com/watch?v=u21W_tfPVrY" rel="nofollow" target="_blank">VS Code Top-Ten Pro Tips</a></li> </ul> Edd <ul> <li><a href="https://www.manning.com/books/testing-vuejs-applications" rel="nofollow" target="_blank">Testing Vue.js Applications by Edd</a></li> <li><a href="https://github.com/facebook/jscodeshift" rel="nofollow" target="_blank">jscodeshift</a></li></ul>

VoV 023: Unit Testing Vue components‌ with Edd Yerburgh

Panel:  Divya Sasidharan Chris Fritz Joe Eames Special Guests: Edd YerburghIn this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains Vue Test Utils, which is a library to help make unit testing Vue components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the Vue Jest library, and more!In particular, we dive pretty deep on: Edd intro Maintains Vue Test Utils  What is Vue Test Utils? Library to make unit testing Vue components easier What is a mounted component? Would you use Vue Test Utils by yourself?  Jest, Jasmine, and Mocha  Needs to be run in a DOM environment JS DOM Examples of components that you would use to test with Vue Test Utils What are good patterns to use when testing? Consider what and if you should test? Difficult to give a definitive answer as to when you should unit test vs you shouldn’t What you hope when you are writing unit tests Tests as a form of documentation Writing unit tests to pay off in the future What is a Snapshot test? When would you use a snapshot test? Leaning on Jest for snapshot tests  Vue Jest library Testing in Vue Creating components within your test itself Testing a mixin And much, much more! Links: Vue Vue Test Utils Jest Jasmine Mocha Snapshot test Vue Jest Edd’s GitHub @EddYerburgh eddyerburgh.me Edd’s Medium Sponsors Kendo UI Digital Ocean FreshBooks Picks:Divya The React is “just” JavaScript Myth by Dave Rupert Bang Bang Con Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar Chris Having a point to stop working at night ASMR Joe Rocketbook VS Code Top-Ten Pro Tips Edd Testing Vue.js Applications by Edd jscodeshift Special Guest:  Edward Wardell-Yerburgh. Advertising Inquiries: https://redcircle.com/brandsPrivacy &amp; Opt-Out: https://redcircle.com/privacy

Panel: <ul> <li>Divya Sasidharan</li> <li>Chris Fritz</li> <li>Joe Eames</li> </ul>Special Guests: Edd YerburghIn this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a>, which is a library to help make unit testing <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the <a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a> library, and more!In particular, we dive pretty deep on:<ul> <li>Edd intro</li> <li>Maintains <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a> </li> <li>What is <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a>?</li> <li>Library to make unit testing <a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a> components easier</li> <li>What is a mounted component?</li> <li>Would you use Vue Test Utils by yourself?</li> <li> <a href="https://jestjs.io/" rel="nofollow" target="_blank">Jest</a>, <a href="https://jasmine.github.io/" rel="nofollow" target="_blank">Jasmine</a>, and <a href="https://mochajs.org/" rel="nofollow" target="_blank">Mocha</a> </li> <li>Needs to be run in a DOM environment</li> <li>JS DOM</li> <li>Examples of components that you would use to test with Vue Test Utils</li> <li>What are good patterns to use when testing?</li> <li>Consider what and if you should test?</li> <li>Difficult to give a definitive answer as to when you should unit test vs you shouldn’t</li> <li>What you hope when you are writing unit tests</li> <li>Tests as a form of documentation</li> <li>Writing unit tests to pay off in the future</li> <li>What is a <a href="https://jestjs.io/docs/en/snapshot-testing" rel="nofollow" target="_blank">Snapshot test</a>?</li> <li>When would you use a snapshot test?</li> <li>Leaning on Jest for snapshot tests</li> <li> <a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a> library</li> <li>Testing in Vue</li> <li>Creating components within your test itself</li> <li>Testing a mixin</li> <li>And much, much more!</li> </ul>Links:<ul> <li><a href="https://vuejs.org/" rel="nofollow" target="_blank">Vue</a></li> <li><a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">Vue Test Utils</a></li> <li><a href="https://jestjs.io/" rel="nofollow" target="_blank">Jest</a></li> <li><a href="https://jasmine.github.io/" rel="nofollow" target="_blank">Jasmine</a></li> <li><a href="https://mochajs.org/" rel="nofollow" target="_blank">Mocha</a></li> <li><a href="https://jestjs.io/docs/en/snapshot-testing" rel="nofollow" target="_blank">Snapshot test</a></li> <li><a href="https://github.com/vuejs/vue-jest" rel="nofollow" target="_blank">Vue Jest</a></li> <li><a href="https://github.com/eddyerburgh" rel="nofollow" target="_blank">Edd’s GitHub</a></li> <li><a href="https://twitter.com/eddyerburgh?lang=en" rel="nofollow" target="_blank">@EddYerburgh</a></li> <li><a href="https://eddyerburgh.me/" rel="nofollow" target="_blank">eddyerburgh.me</a></li> <li><a href="https://medium.com/@eddyerburgh" rel="nofollow" target="_blank">Edd’s Medium</a></li> </ul>Sponsors<ul> <li><a href="https://www.telerik.com/kendo-angular-ui/?utm_campaign=dt-kendo-ang2-nov16&amp;utm_content=audio&amp;utm_medium=cpm&amp;utm_source=adventuresinng" rel="nofollow" target="_blank">Kendo UI</a></li> <li><a href="https://www.digitalocean.com/" rel="nofollow" target="_blank">Digital Ocean</a></li> <li><a href="https://www.freshbooks.com/invoice?ref=11731&amp;utm_campaign=podcast-influencers&amp;utm_influencer=419364&amp;utm_medium=affiliate-program&amp;utm_source=pbm" rel="nofollow" target="_blank">FreshBooks</a></li> </ul>Picks:Divya<ul> <li><a href="https://daverupert.com/2018/06/the-react-is-just-javascript-myth/" rel="nofollow" target="_blank">The React is “just” JavaScript Myth by Dave Rupert</a></li> <li><a href="http://bangbangcon.com/" rel="nofollow" target="_blank">Bang Bang Con</a></li> <li><a href="https://www.youtube.com/watch?v=0oo8wIi2qBE" rel="nofollow" target="_blank">Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar</a></li> </ul>Chris<ul> <li>Having a point to stop working at night</li> <li>ASMR</li> </ul>Joe<ul> <li><a href="https://getrocketbook.com/" rel="nofollow" target="_blank">Rocketbook</a></li> <li><a href="https://www.youtube.com/watch?v=u21W_tfPVrY" rel="nofollow" target="_blank">VS Code Top-Ten Pro Tips</a></li> </ul>Edd<ul> <li><a href="https://www.manning.com/books/testing-vuejs-applications" rel="nofollow" target="_blank">Testing Vue.js Applications by Edd</a></li> <li><a href="https://github.com/facebook/jscodeshift" rel="nofollow" target="_blank">jscodeshift</a></li> </ul>Special Guest: Edward Wardell-Yerburgh. Advertising Inquiries: <a href="https://redcircle.com/brands" rel="nofollow" target="_blank">https://redcircle.com/brands</a> Privacy &amp; Opt-Out: <a href="https://redcircle.com/privacy" rel="nofollow" target="_blank">https://redcircle.com/privacy</a>

Topics include: Challenges with testing Vue components prior to vue-test-utils How vue-test-utils works and what it looks like to test a component Choosing a test runner Common mistakes people make when testing their components Mocking and stubbing external dependencies Combining unit testing with snapshot testing Sponsors:  Codeship, check out how they performed in Forrester's latest Continuous Integration Tools report   Rollbar, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days Links:  vue-test-utils on GitHub vue-test-utils Documentation  "Testing Vue.js Applications", Edd's book  Enzyme testing utility for React jsdom  Jest, Edd's recommended test runner mocha-webpack Mocking in Jest Snapshot testing in Jest Async Vue components

Topics include:<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>Sponsors:<ul> <li> <a href="https://codeship.com" rel="nofollow" target="_blank">Codeship</a>, check out how they performed in <a href="https://codeship.com/forrester-wave-continuous-integration-report" rel="nofollow" target="_blank">Forrester's latest Continuous Integration Tools report</a> </li> <li> <a href="https://rollbar.com/fullstackradio" rel="nofollow" target="_blank">Rollbar</a>, sign up at <a href="https://rollbar.com/fullstackradio" rel="nofollow" target="_blank">https://rollbar.com/fullstackradio</a> to try their Bootstrap Plan free for 90 days</li> </ul>Links:<ul> <li> <a href="https://github.com/vuejs/vue-test-utils" rel="nofollow" target="_blank">vue-test-utils</a> on GitHub</li> <li><a href="https://vue-test-utils.vuejs.org/en/" rel="nofollow" target="_blank">vue-test-utils Documentation</a></li> <li> <a href="https://www.manning.com/books/testing-vuejs-applications" rel="nofollow" target="_blank">"Testing Vue.js Applications"</a>, Edd's book</li> <li> <a href="https://github.com/airbnb/enzyme" rel="nofollow" target="_blank">Enzyme</a> testing utility for React</li> <li><a href="https://github.com/jsdom/jsdom" rel="nofollow" target="_blank">jsdom</a></li> <li> <a href="https://facebook.github.io/jest/" rel="nofollow" target="_blank">Jest</a>, Edd's recommended test runner</li> <li><a href="https://github.com/zinserjan/mocha-webpack" rel="nofollow" target="_blank">mocha-webpack</a></li> <li><a href="https://facebook.github.io/jest/docs/en/mock-functions.html" rel="nofollow" target="_blank">Mocking in Jest</a></li> <li><a href="https://facebook.github.io/jest/docs/en/snapshot-testing.html" rel="nofollow" target="_blank">Snapshot testing in Jest</a></li> <li><a href="https://vuejs.org/v2/guide/components.html#Async-Components" rel="nofollow" target="_blank">Async Vue components</a></li></ul>