FSD Front-end Development: Testing Tools

Full Stack    |    Intermediate
  • 10 videos | 1h 56s
  • Includes Assessment
  • Earns a Badge
Rating 4.4 of 26 users Rating 4.4 of 26 users (26)
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.

WHAT YOU WILL LEARN

  • 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

IN THIS COURSE

  • 2m 24s
  • 4m 35s
    Upon completion of this video, you will be able to list the components of a JS testing environment. FREE ACCESS
  • Locked
    3.  Browser Developer Tools Overview
    7m 45s
    In this video, you will configure browser development tools for app development. FREE ACCESS
  • Locked
    4.  Browser Tools DOM Inspector
    6m 2s
    Upon completion of this video, you will be able to describe commonly used DOM Inspector tools. FREE ACCESS
  • Locked
    5.  Browser Tools CSS Manipulator
    5m 51s
    Upon completion of this video, you will be able to describe page styles and change any of those styles dynamically. FREE ACCESS
  • Locked
    6.  Testing with Node.js, Mocha, and Chai
    7m 51s
    During this video, you will learn how to run a simple test with Node.JS, Mocha, and Chai. FREE ACCESS
  • Locked
    7.  ReactJS, Jest, and Enzyme
    7m 54s
    Find out how to install Jest and Enzyme in a ReactJS application. FREE ACCESS
  • Locked
    8.  Component Testing with Jest and Enzyme
    8m 27s
    In this video, you will learn how to test a custom component using Jest and Enzyme. FREE ACCESS
  • Locked
    9.  Snapshot Testing
    6m 11s
    In this video, find out how to use a renderer package to create a snapshot. FREE ACCESS
  • Locked
    10.  Exercise: Run React Boilerplate Tests
    3m 55s
    Find out how to create a boilerplate app and test it. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Rating 4.3 of 10 users Rating 4.3 of 10 users (10)
Rating 4.1 of 14 users Rating 4.1 of 14 users (14)
Rating 3.7 of 20 users Rating 3.7 of 20 users (20)