Testing Vue.js components with Jest
Testing Vue.js components with Jest
A concise guide to testing Vue.js components using Jest and the official library vue-test-utils
About the Book
Vue.js has become the most popular framework of 2018. People is excited about it, and that's no surprise given how productive, easy to use and flexible it is. You've probably already use it, but... Have you done testing in Vue.js?
Unit testing in modern component based JavaScript frameworks is not easy. Components are connected to each other and the browser adds a layer of UI, which makes everything so dependent while we must test components in isolation. We want the test suite to be reliable and to run fast as well.
This book shows you by practise how to test easily Vue.js components and take advantage of the fully featured Jest testing framework. It will guide you through testing styles and structure as well as testing behaviours of you Vue.js components. You'll see how to apply techniques such as snapshot testing, shallow rendering, module dependency mocking and module aliasing to make smoother and cleaner your tests.
About the Author
Reader Testimonials
Kirsty Forrester
This is the first book I've read on this topic which was actually useful. I've tried to set up module aliases for a while and now I've got it done in a couple of minutes. THANK YOU.
Paul Melero
This has been the most valuable resource while learning to test Vue components so far. Thanks, @alexjoverm!
M Haris Khan
Thanks Alex! What I needed, explained very well.
Table of Contents
-
1. Write the first Vue.js Component Unit Test in Jest
- Set up a vue-test sample project
- Testing a Component
- Testing a Component with vue-test-utils
-
2. Test Deeply Rendered Vue.js Components
- Adding a Message Component
- Testing MessageList with Message Component
-
3. Test Styles and Structure
- The Wrapper object
-
4. Test Properties and Custom Events
- Properties
- Custom Events
- Wrapping up
-
5. Test Computed Properties and Watchers
- Computed Properties
- Watchers
- Wrapping Up
-
6. Test Methods and Mock Dependencies
- Mock External Module Dependencies
- Keep mocks externalized
- Wrapping Up
-
7. Test Vue.js Slots
- Make MessageList slot based
-
$childrenand$slots - Testing Slots
- Testing Named Slots
- Testing Contextual Slot Specs
- Wrapping
-
8. Enhance Jest configuration with Module Aliases
- Webpack aliases
- Multiple aliases
- Other solutions
- Wrapping Up
-
9. Snapshot Testing
- Rethinking in Snapshots
- When Snapshot Testing doesn’t help
- When a test fails
- Conclusion
The Leanpub 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
Do Well. Do Good.
Authors have earned$11,046,394writing, publishing and selling on Leanpub, earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers), EPUB (for phones and tablets) and MOBI (for Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
Top Books
- #1
C++ Best Practices
Jason TurnerLevel up your C++, get the tools working for you, eliminate common problems, and move on to more exciting things!
- #2
Functional Programming Made Easier
Charles ScalfaniA Functional Programming book from beginner to advanced without skipping a single step along the way.
In my 40 years of programming, I've felt that programming books always let me down, especially Functional Programming books. So, I wrote the book I wish I had 5 years ago.
Functional Programming will never be easy, but it can be easier.
- #3
Hype Cycle Of The Top 50 Emerging Digital Health Trends
Dr. Bertalan MeskoDigital technologies have completely transformed our lives in the last couple of years and started to entirely reshape the landscape of healthcare. The future of healthcare is shaping up in front of our eyes with advances in digital healthcare technologies..
In this book, we analyze the Hype Cycle Of The Top 50 Emerging Digital Health Trends.
- #4
Functional event-driven architecture: Powered by Scala 3
Gabriel VolpeExplore the event-driven architecture (EDA) in a purely functional way, mainly powered by Fs2 streams in Scala 3!
Leverage your functional programming skills by designing and writing stateless microservices that scale, powered by stateful message brokers.
- #5
Retrocomputing with Clash
Gergő ÉrdiHaskell for FPGA Hardware Design: Use abstractions like monads and lenses to implement 1970's retro-computing devices like arcade machines and home computers.
- #6
Practical FP in Scala: A hands-on approach
Gabriel VolpeA practical book aimed for those familiar with functional programming in Scala who are yet not confident about architecting an application from scratch.
Together, we will develop a purely functional application using the best libraries in the Cats ecosystem, while learning about design patterns and best practices.
- #7
Software economics
Luis Artola¿Estás harto del "ellos" y "nosotros" cuando se habla de los técnicos y el resto de la empresa? ¿Sabes cuándo refactorizar "es bueno" pero no encuentras la manera de discutirlo con otros? ¿Te vendría bien un marco mental que te ayude a decidir cuando está justificado trabajar en pareja y cuando no?
- #8
Ansible for DevOps
Jeff GeerlingAnsible is a simple, but powerful, server and configuration management tool. Learn to use Ansible effectively, whether you manage one server—or thousands.
- #9
node-opcua by example
Etienne RossignonGet the best out of node-opcua through a set of documented examples by the author himself that will allow you to create stunning OPCUA Servers or Clients.
- #10
Deep Learning in Production
Sergios KaragiannakosBuild, train, deploy, scale and maintain deep learning models. Understand ML infrastructure and MLOps using hands-on examples.
Top Bundles
- #1
CCIE Service Provider Ultimate Study Bundle
2 Books
Piotr Jablonski, Lukasz Bromirski, and Nick Russo have joined forces to deliver the only CCIE Service Provider training resource you'll ever need. This bundle contains a detailed and challenging collection of workbook labs, plus an extensively detailed technical reference guide. All of us have earned the CCIE Service Provider certification... - #2
Software Architecture for Developers: Volumes 1 & 2 - Technical leadership and communication
2 Books
"Software Architecture for Developers" is a practical and pragmatic guide to modern, lightweight software architecture, specifically aimed at developers. You'll learn:The essence of software architecture.Why the software architecture role should include coding, coaching and collaboration.The things that you really need to think about before... - #5
Practical FP in Scala + Functional event-driven architecture
2 Books
Practical FP in Scala (A hands-on approach) & Functional event-driven architecture, aka FEDA, (Powered by Scala 3), together as a bundle! The content of PFP in Scala is a requirement to understand FEDA so why not take advantage of this bundle!? - #6
Retromat eBook Bundle for Agile Retrospectives
2 Books
If you facilitate retrospectives this bundle is for you: "Plans for Retrospectives" helps beginners learn the lay of the land with tried-and-true plans. Once you know your way around, "Run great agile retrospectives" contains all 135+ activities in Retromat for you to mix and match. - #8
Books on problem-solving using Agile, Lean, Complexity, and more
6 Books
Six great books on problem-solving. Learn how to deal with impediments using agile practices, do A3 problem-solving with lean thinking, apply complexity science, finding root causes, and do event storming. All in one buy for a largely reduced price! Books included Agile teams need to be able to handle impediments. The book Problem? What Problem?... - #9
10 Books Bundle - A New Career in Tech 🚀
10 Books
Do you want to create yourself a new and profitable skillset - in one year or less? Do you want to position yourself on the right side of change finally? Do you want to work from home and set your own work schedule while choosing fun and interesting coding projects? Software developers and freelance developersearn six figuresin the US, according...
