FSD Front-end Development: Testing Tools
Full Stack
| Intermediate
- 10 videos | 1h 56s
- Includes Assessment
- Earns a Badge
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 35sUpon completion of this video, you will be able to list the components of a JS testing environment. FREE ACCESS
-
3. Browser Developer Tools Overview7m 45sIn this video, you will configure browser development tools for app development. FREE ACCESS
-
4. Browser Tools DOM Inspector6m 2sUpon completion of this video, you will be able to describe commonly used DOM Inspector tools. FREE ACCESS
-
5. Browser Tools CSS Manipulator5m 51sUpon completion of this video, you will be able to describe page styles and change any of those styles dynamically. FREE ACCESS
-
6. Testing with Node.js, Mocha, and Chai7m 51sDuring this video, you will learn how to run a simple test with Node.JS, Mocha, and Chai. FREE ACCESS
-
7. ReactJS, Jest, and Enzyme7m 54sFind out how to install Jest and Enzyme in a ReactJS application. FREE ACCESS
-
8. Component Testing with Jest and Enzyme8m 27sIn this video, you will learn how to test a custom component using Jest and Enzyme. FREE ACCESS
-
9. Snapshot Testing6m 11sIn this video, find out how to use a renderer package to create a snapshot. FREE ACCESS
-
10. Exercise: Run React Boilerplate Tests3m 55sFind 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.
