FSD Front-end Development: Testing Tools


Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/Description

In this 10-video course, explore testing frameworks that are used to assist with testing Javascript (JS) applications, including Mocha, Chai, Enzyme, and Jest. Examine the different types of testing for full stack development—unit, integration, and functional—and the use of component testing in a ReactJS application with snapshots. Begin by learning more about testing JS applications and the various types of tests you can run. Then receive an overview of the browser development tools for app development and take a close look at browser developer tools, specifically the DOM (document object model) inspector, and the CSS (cascading style sheet) Manipulator, examining page styles and how to dynamically change any of these styles. Learn how to run simple tests with NodeJS, Mocha, and Chai, and to install Jest and Enzyme in a ReactJS application. Then test a custom component with Jest and Enzyme. Finally, explore snapshot testing, by using a renderer package to create a snapshot. The closing exercise involves creating and testing a boilerplate app.



Expected Duration (hours)
1.0

Lesson Objectives

FSD Front-end Development: Testing Tools

  • discover the key concepts covered in this course
  • list the components of a JS testing environment
  • configure browser development tools for app development
  • describe commonly used DOM Inspector tools
  • describe page styles and dynamically change any of those styles
  • run a simple test with NodeJS, Mocha, and Chai
  • install Jest and Enzyme in a ReactJS application
  • test a custom component with Jest and Enzyme
  • use a renderer package to create a snapshot
  • create a boilerplate app and test it
  • Course Number:
    it_fsdbdtldj_03_enus

    Expertise Level
    Intermediate