ovlachi/frontend-developer-webinar-5

Code Editing & Testing Tips

DEV102 Expert Webinar 05 Code Editing & Testing Tips

Greetings - David and Ben

House keeping - same as usual :)

• Please mute your microphone unless talking.
• Ask questions whenever, via zoom messaging or voice. Will do a Q&A at the end as well and then obviously you can ask questions on slack.

Disclaimer ;)

Agenda

1. VS Code tips

   • Creating snippets

2. Debugging code using the browser

3. Unit testing

   • Popular options: Jest, Mocha and Jasmine
   • Assertions
   • Mocking/stubbing
   • File naming conventions (_.test.js, _.spec.js) / __test__
   • Coverage

4. UI testing

   • Puppeteer
   • WebDriver
   • Cypress
   • Percy