VoV 023: Unit Testing Vue components‌ with Edd Yerburgh

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

Special Guest: Edward Wardell-Yerburgh.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy