Top End Devs Logo Top End Devs Logo
Dashboard Podcasts Screencasts Courses Coaching Calendar
Sign In
Dashboard Podcasts Screencasts Courses Coaching Calendar
Sign In

VoV 008: Getting Started with TDD on Vue.js with Nick Basile

Views on Vue

Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.

Subscribe

  • RSS
  • Apple
  • Amazon
  • Spotify

Follow

  • Facebook
  • Twitter
  • Instagram
  • LinkedIn
  • YouTube

VoV 008: Getting Started with TDD on Vue.js with Nick Basile

Guests :
  • Nick Basile
Hosts :
  • Chris Fritz
  • Divya Sasidharan
Published : Apr 24, 2018
Duration : 1 Hours, 5 Minutes

Show Notes

Panel: 
  • Divya Sasidharan
  • Chris Fritz
Special Guests: Nick Basile
In this episode of Views on Vue, the panelists discuss getting started with TDD on Vue.js with Nick Basile. Nick defines what TDD and unit tests are and how you can use them to make your code better in the long run. They also discuss when using TDD wouldn’t be helpful and the importance of trial and error when it comes to tests. Nick then gives different resources newcomers to Jest can go to so that they can learn more and discusses Vue Test Utils.
In particular, we dive pretty deep on:
  • What does your setup look like?
  • Vue.js
  • Jest
  • Have you used other tools other than Jest?
  • Mocha
  • What attracted you to Jest?
  • Define TDD and unit tests
  • What are examples of not helpful uses for TDD and unit tests?
  • How to know when a test is being to be too specific
  • Trial and error is very important when it comes to writing tests
  • Try to stay away from really specific tests
  • Asking questions when writing tests
  • How likely is this going to break and change over time?
  • Write tests as a way to self-document your own code
  • Write tests for your future self
  • Vue Test Utils
  • Resources for people getting into Jest
  • Testing Vue course 
  • Jest documentation
  • What is Vue Test Utils?
  • Have you worked with headless browsers?
  • When wouldn’t you want to do TDD?
  • And much, much more!
Links:
  • Vue.js
  • Jest
  • Mocha
  • Vue Test Utils
  • Testing Vue course
  • Jest documentation
  • Vue Enterprise Boilerplate
  • Nick’s GitHub
  • Nick-Basile.com
  • @NickJBasile
Picks:
Chris
  • Bobiverse Book Series
  • Marble Olympics
Divya
  • Sarah Drasner Post
  • Rick Bayless's Mexican Granola Mix
Nick
  • Refactoring UI
  • Toast of London
  • Vue Fundamentals course coming soon on VueSchool
Special Guest: Nick Basile.

  • Title: Views on Vue

    Type:PODCAST

    Description:Vue is a growing front-end framework for web developments. Hear experts cover technologies and movements within the Vue community by talking to members of the open source and development community.

  • Views on Vue VoV 008: Getting Started with TDD on Vue.js with Nick Basile

  • Views on Vue All About Vite with Matias Capeletto - VUE 181

  • Views on Vue Becoming the Go-To Person in Your Technology Area - BONUS

  • Views on Vue The Magic Of Vue Mastery with Adam Jahr -VUE 205

  • Views on Vue Performance and Nuxt with Jakub Andrzejewski - VUE 211

  • Views on Vue VUE 140: Exploring Vitesse with Anthony Fu

  • Views on Vue VUE 136: Ionic and Vue with Michael Tintiuc

  • Views on Vue BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

  • Views on Vue Vue Sortable Table with Shashikant S. Wagh - VUE 196

  • Views on Vue Reusability in Vue with Alex Vipond - VUE 189

  • Views on Vue Vue, and PDFs, With Silvan Mühlemann - VUE 198

  • Views on Vue New Nuxt 3 Features and the Nuxt 3 Community with Daniel Roe - VUE 188

  • Views on Vue VoV 077: Tackling Tedious Testing

  • Views on Vue VoV 016: NativeScript Vue with Jen Looper

  • Views on Vue VoV 076: Typescript Tell All with Jack Koppa

  • Views on Vue VoV 082: Developer Tooling and Dev Setup for Working With Vue

  • Views on Vue Exploring Code Design - VUE 163

  • Views on Vue VoV 092: Views on Vue at JAMstack Conf SF 2019

  • Views on Vue What It Takes To Freelance - VUE 208

  • Views on Vue VoV 001: Vue Origin Story with Evan You

  • Views on Vue VoV 100: Views on Vue Celebrates 100th Episode

  • Views on Vue VoV 004: Vue Documentation with Chris Fritz

  • Views on Vue VoV 005: Vue in the Enterprise with Chris Fritz

  • Views on Vue VoV 010: “Vue Libraries, Open Source, Meetups” with Eduardo San Martin Morote

  • Views on Vue Product Design and Authentication with David Atanda - VUE 158

  • Views on Vue Adios For Now - VUE 232

  • Views on Vue VoV 022 : How I became a Vue.js core team member without a professional background‌ with Thorsten Luenborg

  • Views on Vue VoV 023: Unit Testing Vue components‌ with Edd Yerburgh

  • Views on Vue VoV 027: Code Automation

  • Views on Vue VoV 032: “Recursion with Vue” with Kyle Holmberg and Alex Regan

  • Views on Vue VoV 036: Vue CLI UI and Devtools with Guillaume Chau

  • Views on Vue VoV 037: Vuex, VuePress and Nuxt with Benjamin Hong

  • Views on Vue VoV 039: Signal R with Brady Gaster LIVE at Microsoft Ignite

  • Views on Vue VoV 041: Mastermind Groups and Staying Current with Sean Merron

  • Views on Vue VoV 078: Waxing Philosophical with Christoffer Noring

  • Views on Vue A VeeValidate Roadmap Discussion with Abdelrahman Awad -VUE 231

  • Views on Vue VoV 049: Input Masks

  • Views on Vue VoV 050: Celebrating a Milestone - Views on Vue 50th Episode

  • Views on Vue Promises and Async/Await with Val Karpov - VUE 191

  • Views on Vue VoV 056: Vue, Components, News Platform with Damian Dulisz

  • Views on Vue VoV 019: Error Tracking and Troubleshooting Workflows with David Cramer LIVE at Microsoft Build

  • Views on Vue VoV 059: Trash Brain, Clean Vue with Tessa

  • Views on Vue A Tale of Refactoring with Mariana Picolo - VUE 154

  • Views on Vue VUE 135: Netlify CMS and Nuxt with Daniel Kelly

  • Views on Vue VoV 086: Prototyping and The Design Cycle With Michele Cynowicz

  • Views on Vue VoV 087: There is No Shame in Mental Illness

  • Views on Vue VoV 090: Variable Fonts with Mandy Michael

  • Views on Vue VoV 075: Terrific Talk Tips

  • Views on Vue VoV 034: Mike Hartington & Michael Tintiuc : "Ionic and Vue"

  • Views on Vue VoV 124: Why End-To-End Test using Cypress with Gleb Bahmutov

  • Views on Vue VUE 132: Vue Reactivity with Oscar Spencer

  • Views on Vue BONUS: How Jason Weimann Became a Game Developer

  • Views on Vue How to Get Hired at a FANG Company - BONUS

  • Views on Vue BONUS: How Charles Max Wood Started Podcasting -- And You Can Too

  • Views on Vue VoV 064: Renderless Component Libraries with Alex Vipond

  • Views on Vue VoV 069: Real-time UI with Ari Clark

  • Views on Vue Adoping Vue at Wikimedia with Eric Gardner - VUE 165

  • Views on Vue VoV 080: Awesome Conf with Rahul Kadyan

  • Views on Vue Vue 3 and Functional Programming - VUE 202

  • Views on Vue Becoming the Go-To Person in Your Technology Area - BONUS

  • Views on Vue Exploring PWAs with John Lim - VUE 174

  • Views on Vue Going 3D with Alvaro Saburido - VUE 179

  • Views on Vue Islands Architecture in Vue with Máximo Mussini - VUE 170

  • Views on Vue Modern Package Development - VUE 172

  • Views on Vue BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

  • Views on Vue Building Performant Vue Apps with Martin Malinda - VUE 169

  • Views on Vue Communicating Between Vue Components With Sanchitha SR - VUE 192

  • Views on Vue Dive into the Benefits of Fathym with Jeremy Tomlinson and Rich Kurtzman - VUE 193

  • Views on Vue VoV 099: Testing in Vue with The Jared Wilcurt

  • Views on Vue BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?

  • Views on Vue Debugging Vue Applications with Cecelia Martinez - VUE 201

  • Views on Vue Don't Let These Things Keep You From Podcasting - BONUS

  • Views on Vue Writing Good Tests for Vue with Markus Oberlehner - VUE 176

  • Views on Vue VoV 014: Vue.component with Mitchell Garcia

  • Views on Vue VoV 021: Building SharePoint Extensions with JavaScript with Vesa Juvonen LIVE at Microsoft Build

  • Views on Vue Laravel and Vue with Taylor Otwell - VUE 199

  • Views on Vue VoV 089: 100 Days of Vue Challenge

  • Views on Vue Using Keycloak with Nuxt with Anamol Soman - VUE 182

  • Views on Vue VoV 107: Cypress Testing with Amir Rustamzadeh

  • Views on Vue VoV 012: Re-using VueJS Mixins and Filtering Google Map Data with Dan Pastori

  • Views on Vue Scaling Vue Up and Down with Shawn Wildermuth - VUE 162

  • Views on Vue Building Micro Frontends with Lawrence Almeida – VUE 160

  • Views on Vue VUE 145: Vue 3 and Socket.io with Solomon Eseme

  • Views on Vue VUE 139: Exploring Inkline with Alex Grozav

  • Views on Vue Vue 3 and Mongoose with Valeri Karpov - VUE 148

  • Views on Vue BONUS: How to Crush Your Biggest Goals in 2021

  • Views on Vue BONUS: Continuing Your Learning Journey by Finding Mentors as an Influencer

  • Views on Vue VUE 130: Nuxt and Storyblok with Alba Silvente Fuentes

  • Views on Vue Drawing, Bacon, and Dad Jokes With David Neal - VUE 200

  • Views on Vue VoV 113: CSS and Components with Maya Shavin

  • Views on Vue VUE 137: Using Laravel and VueJS in an Enterprise Application

  • Views on Vue The 3 Essentials for Successful Job Outcomes - BONUS

  • Views on Vue How To Recession Proof Your Job - BONUS

  • Views on Vue Building Scalable Applications with Quasar - VUE 146

  • Views on Vue VoV 009: Building Modal Component with Filipa Lacerda

  • Views on Vue VUE 127: Introduction to Svelte with Mark Volkmann

  • Views on Vue VoV 063: Exploring the World of Animations with Krystal Campioni

  • Views on Vue VoV 109: Migrating from Backbone to Vue with Brad Balfour

  • Views on Vue VoV031: “Panelists Contributing to Opensource: Do Good, Do Well” (Pt. 1)

  • Views on Vue VoV 085: The Good, the Bad, and the Ugly with Filipa Lacerda

  • Views on Vue VUE 144: Web Workers in Vue with Martins Onuoha

  • Views on Vue The Future of Vue Stores with Joseph Zimmerman - VUE 151

  • Views on Vue VoV 043: Azure Pipelines with Ed Thomson LIVE at Microsoft Ignite

  • Views on Vue VoV 110: Vuetify Next with John Leider

  • Views on Vue VoV 114: Pro Tips on Building Vue Applications

  • Views on Vue VoV 091: Meet Our New Panel

  • Views on Vue VoV 033: “Panelists Contributing to Opensource” (Pt. 2)

  • Views on Vue VoV 108: Inside Vue 3 with Gregg Pollack

  • Views on Vue VUE 134: A Conversation with author, Marco Faella

  • Views on Vue VoV 035: Real-time Application State Synchronization with Peter Mbanugo

  • Views on Vue VoV 067: Organizing VueConf Toronto with Jilson Thomas

  • Views on Vue VoV 007: Testing Vue.js with Cypress with Gleb Bahmutov

  • Views on Vue VUE 143: What to do when you want to blog with Vue

  • Views on Vue VoV 052: Documentation with Natalia Tepluhina

  • Views on Vue VoV 105: The Vue Component Libraries with Gwendolyn Faraday

  • Views on Vue VoV 018: State Management with Vue.js with Hassan Djirdeh

  • Views on Vue VoV 081: Micro-Frontends with Luca Mezzalira

  • Views on Vue A Vue of Web Development with David Neal - VUE 230

  • Views on Vue Building Beautiful Components: Combining NPX, Radix View, and Shadcn - VUE 228

  • Views on Vue The Developer Hiring Process From Both Sides - VUE 204

  • Views on Vue VoV 122: Using VueJS For Rapid Prototyping with Nick Basile

  • Views on Vue Localize Any Vue App in Less than an Hour with Titus Decali - VUE 153

  • Views on Vue Using Vue without an SPA with Ariel from Maison Futari - VUE 159

  • Views on Vue BONUS: What is Charles Max Wood's Biggest Payoff for Being a Dev Influencer?

  • Views on Vue Panelist Career Retrospective - VUE 152

  • Views on Vue Nuxt: The Preferred Framework for Rapid Development and Increased Efficiency - VUE 227

  • Views on Vue Testing Beyond Unit Tests: Embracing Application Tests for True User Confidence - VUE 226

  • Views on Vue Exploring the Role of a Full Stack Developer and Open-Source Contribution - VUE 225

  • Views on Vue VoV 044: Nuxt.js with Alexander Lichter

  • Views on Vue Vuetify's Latest Version with John Leider - VUE 224

  • Views on Vue Life of a Developer Advocate: Tech Skills, Conferences, & Content Creation- VUE 223

  • Views on Vue Nuxt's Most Recent Developments with Daniel Roe - VUE 222

  • Views on Vue VoV 116: Using Vue at Scale at L’Oreal with Tim Benniks

  • Views on Vue Everything There is to Know about Nuxt Server Components - VUE 221

  • Views on Vue Introducing Cody Bontecou - VUE 220

  • Views on Vue VueConf 2023 Experience with Erik Hanchett - VUE 219

  • Views on Vue Nuxt 3 Authentication Using Supabase with James Sinkala - VUE 218

  • Views on Vue Open-Source Library Tools with Erik Hanchett - VUE 217

  • Views on Vue Utilizing Web3 in Vue Apps for User Authentication - VUE 216

  • Views on Vue VoV 055: Progressive Web Apps with Aaron Gustafson LIVE at Microsoft Ignite

  • Views on Vue Building Skeleton Loader with Vue and Tailwind - VUE 215

  • Views on Vue Vuetensils, HTML, HTML Forms with Austin Gil - VUE 214

  • Views on Vue Everything About Nuxt with Drew Baker - VUE 212

  • Views on Vue All Things Nuxt With Daniel Roe - VUE 209

  • Views on Vue What Makes A Great Programmer With Drew Baker - VUE 207

  • Views on Vue Web Testing And Automations With Playwright - VUE 206

  • Views on Vue Reusable Components with Vue 3 - VUE 184

  • Views on Vue VoV 123: What To Expect When You're Expecting Vue 3 with Raymond Camden

  • Views on Vue Building a Global State Management Library with Andrew Courtice - VUE 171

  • Views on Vue Developing Vuetify with John Leider and Kael Watts-Deuchar - VUE 156

  • Views on Vue VoV 047: Games & Other Novel Uses for Vue with Kevin Drum

  • Views on Vue BONUS: How to do LARGE Volumes of HIGH Quality Work - While Spending Fewer Hours Working

  • Views on Vue Developing Desktop Apps With Vue - VUE 157

  • Views on Vue BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

  • Views on Vue VoV 020: Reactive Programming with Vue with Tracy Lee, Ben Lesh, and Jay Phelps

  • Views on Vue Astro with Fred K. Schott - VUE 195

  • Views on Vue VoV 115: Vue, Vapper, Vite - Frameworks Built Using Vue

  • Views on Vue The Road To Becoming a DevRel With Alex Jover Of Vue Dose and Storyblok - VUE 178

  • Views on Vue VoV 121: Reusable Components with Michael Thiessen

  • Views on Vue VUE 129: GraphQL and Vue with Anjolaoluwa Adebayo-Oyetoro

  • Views on Vue Nuxt with Drew Baker from Funkhaus - VUE 185

  • Views on Vue VoV 030: "How we use Vue in Data Science" with Jacob Schatz & Taylor Murphy (Gitlab Team)

  • Views on Vue Alternative Ways to Build Vue Apps - VUE 168

  • Views on Vue VoV 126: Vue Composition API and Nuxt with Daniel Roe

  • Views on Vue BONUS: Relationships Matter Most

  • Views on Vue VoV 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build

  • Views on Vue VoV 003: Nuxt.js Basics and VueJS in Action

  • Views on Vue VoV 028: “10 Things I Love About Vue with Duncan Grant”

  • Views on Vue Reactivity in Vue with Timi Omoyeni - VUE 150

  • Views on Vue API Calls in Vue.js with Deniz Gürsoy - VUE 197

  • Views on Vue VoV 029: Vue with Sarah Drasner

  • Views on Vue VoV 079: Why Vue.js is the Best Framework Ever with Gwendolyn Faraday

  • Views on Vue VoV 002: Getting Started with Vue

  • Views on Vue VoV 058: How to Hire Senior Developers with Charles Max Wood

  • Views on Vue VoV 026: How to Get a Job (Especially for New Developers)‌ with Charles Max Wood

  • Views on Vue VoV 060: Our Least Favorite Parts of Vue with An Phan and Thorsten Lunborg

  • Views on Vue VoV 017: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build

  • Views on Vue VoV 025: Gitlab's journey with Vue with Filipa Lacerda and Jacob Schatz

  • Views on Vue VoV 101: Real Life Projects Using Vue

  • Views on Vue Tech to Follow in 2022 - VUE 175

  • Views on Vue Deep Dive into Nuxt with Mike Gallagher - VUE 164

  • Views on Vue Tools that Inspire us with Subha Chanda - VUE 180

  • Views on Vue VoV 120: Vue Formulate with Justin Schroeder

  • Views on Vue Diving into StackBlitz with Eric Simons - VUE 155

  • Views on Vue VUE 128: Templates to Scoped Slots - Reusable Components with Michael Thiessen

  • Views on Vue UnoCSS with Erik Hanchett - VUE 213

  • Views on Vue VoV 024: Teaching Vue, Community Building, and the Vue News Podcast with Gregg Pollack & Adam Jahr

  • Views on Vue VoV 006: Creating a Vue Plugin with Ramsay Lanier

  • Views on Vue VoV 042: Freedom with Charles Max Wood

  • Views on Vue Providing, Injecting, Testing, and Templating Using Vue with Valeri Karpov - VUE 194

  • Views on Vue VoV 074: My Vue from Nigeria with Nosa Obaseki

  • Views on Vue VoV 103: Progressive Form Validation & Instance Aware Vuex Modules with Matt Brophy

  • Views on Vue VoV 062: Teaching Vue to Beginners with Marina Mosti

  • Views on Vue VoV 118: Nuxtify Everything with Debbie O'Brien

  • Views on Vue New Nuxt 3 Features with David Chuka - VUE 173

  • Views on Vue Talking Vue and Other Things with Andrew Welch of devmode.fm - VUE 167

  • Views on Vue VoV 038: Webassembly and Typescript with Eduardo San Martin Morote

  • Views on Vue Vue at AWS with Erik Hanchett - VUE 183

  • Views on Vue VoV 040: Fonts with Miriam Suzanne

  • Views on Vue React vs. VUE with Cody Bontecou - VUE 187

  • Views on Vue VoV 119: Climate Change and the Tech Community with Callum Macrae

  • Views on Vue Talking About Hygen and Docuvaluate with Henry Eze - VUE 166

  • Views on Vue VoV 051: Developing Accessible Apps with Maria Lamardo

  • Views on Vue VoV 054: Nuxt with Sunil Sandhu

  • Views on Vue VoV 072: Cedar with Elizabeth Fine

  • Views on Vue VUE 131: Creating Content with Mitchell Romney

  • Views on Vue VuetifyJS 3.0 with John Leider - VUE 203

  • Views on Vue VoV 070: Live from Vue Vixens Workshop with Jen Looper

  • Views on Vue Ecstatic for XState with Maya Shavin - VUE 147

  • Views on Vue VoV 057: The Vue School with Rolf Haug

  • Views on Vue BONUS: How Opportunities Come Your Way When You're an Influencer

  • Views on Vue VoV 011: Vue Testing with Roman Kuba

  • Views on Vue VUE 142: From Nuxt to React - Catching up with Debbie O'Brien

  • Views on Vue Daniel Roe and the New Features of Nuxt 3 Beta - VUE 186

  • Views on Vue VUE 138: Vue and Ruby with Austin Story

  • Views on Vue VUE 141: Diving into Nuxt 3 with Daniel Roe

  • Views on Vue VoV 106: Component Communication

  • Views on Vue BONUS: Measuring Apps and Entrepreneurship with John-Daniel Trask

  • Views on Vue VUE 133: Teach VueJS with Erik Hanchett

  • Views on Vue VoV 125: React and Typescript for a Vue developer with John Datserakis

  • Views on Vue Directus as a Composable Platform for Data: Flexibility, Database Interaction - VUE 229

  • Views on Vue VoV 117: Building Vue Storefront with Filip Rakowski

  • Views on Vue VoV 045: Comparing the React and Vue Ecosystems with a Real-World SPA with John Datserakis

  • Views on Vue VoV 112: Build Moblie Apps with Nativescript-Vue with Tiago Alves

  • Views on Vue VoV 111: Educating about VueJS with Erik Hanchett

  • Views on Vue Building a Real-Time Game with Steffen Baumgart - VUE 161

  • Views on Vue VoV 104: Exploring GraphQL in Vue with Vladimir Novick

  • Views on Vue 3 Fundamental Pillars You Need to Succeed as an Entrepreneur - BONUS

  • Views on Vue VoV 102: Components from the Ground Up

  • Views on Vue VoV 098: Gridsome and Gridsome Plugins

  • Views on Vue Views on Svelte With Josh Collinsworth - VUE 177

  • Views on Vue VoV 097: Views on Vue Live at Gitlab Commit 2019

  • Views on Vue VoV 095: New to Vue with Mirjam Bäuerlein

  • Views on Vue VoV 096: Cordova and Vue with Daniel Purcell

  • Views on Vue Talking SEO in Nuxt with Anamol Soman - VUE 149

  • Views on Vue VoV 094: Head to Toe Development Set Up

  • Views on Vue VoV 093: Vuetensils with Austin Gil

  • Views on Vue How to Get Hired at a FANG Company - BONUS

  • Views on Vue The MaxCoders Guide To Finding Your Dream Developer Job

  • Views on Vue VoV 088: Switching From Native iOS to Vue with Christian Kienle

  • Views on Vue VoV 084: Nuxt.JS With Sebastien Chopin

  • Views on Vue VoV 083: CSS Tooling and Development Practices With Tracey Holinka

  • Views on Vue VoV 073: Contributing to Open Source with Debbie O'Brien

  • Views on Vue VoV 068: Design Systems & CSS with Miriam Suzanne

  • Views on Vue VoV 071: Gridsome with Gift Egwuenu

  • Views on Vue Creating a Vue Component Library Without Losing Your Mind - VUE 190

  • Views on Vue VoV 066: NativeScript with Raymond Camden

  • Views on Vue VoV 065: Redesigning for state management using VueJS in Rails with Michele Cynowicz

  • Views on Vue VoV 061: 10 Things Programming Has Taught Me About Life with Piero Borrelli

  • Views on Vue VoV 053: Azure DevOps with Donovan Brown LIVE at Microsoft Ignite

  • Views on Vue VoV 048: Vue Beginners Workshop with Dobromir Hristov

  • Views on Vue VoV 046: Component Composition at Kong with Darren Jennings

Footer

Top End Devs

Facebook Instagram Twitter GitHub YouTube

Content & Events

  • Authors, Hosts, & Guests
  • Commerce
  • Insights

Support

  • Pricing
  • Documentation
  • Guides
  • API Status

Company

  • About
  • Blog
  • Jobs
  • Press
  • Partners

Legal

  • Claim
  • Privacy
  • Terms

© 2023 Intentional Excellence Productions, LLC. All rights reserved.