Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Unit testing your Javascript with jasmine

Name: Unit testing your Javascript with jasmine
Rating: 4.4 (1207 reviews)

Learn how to unit test your JavaScript using the jasmine framework, from your first test to continuous integration.

Created byJuan Lizarazo, Reynaldo Pena

Last updated 11/2020

English

What you'll learn

Write clean suites, specs and expectations.
Isolate dependencies on units through test doubles (spies).
Automate test runs through continuous integration from version control using a headless browser and a test runner.
Set up jasmine as their unit testing framework from scratch.
Configure setup and teardown for suites.
Understand how matchers work in Jasmine.
Write custom matchers and include them in your project.
Consume third party matchers.
Test asynchronous code.
Run unit tests both from a web browser and from a terminal through a test runner.
Generate code coverage reports.
Improve dependency management through a package manager.

Course content

8 sections • 86 lectures • 5h 49m total length

Course overview5:57
Here we explore the full course outline.
Why unit testing? why jasmine?7:03
Here we explore the importance of unit testing and why Jasmine as your testing framework is a great choice.
Important javascript notes!2:13
Learn the course’s JavaScript styles: use const and let (ES6) for variables, compare arrow and anonymous functions, and preview async/await (ES2017) for Jasmine testing.
Download exercise files0:37
Creating your first test8:04
Here we write our first spec using jasmine, from scratch!
Section summary2:22
Recap of what we learned in this section.
Section notes0:02
Downloadable materials for this section.

Section intro1:01
Overview of the content for this section.
Course project0:52
Explore the project we will build and that we will unit test throughout this course.
Let's build it!6:40
Build the course project base functionality.
Programing the UI13:23
Program the user interface to interact with the core functionality we previously built so the project is usable.
Improving errors3:54
Enhance the error handling for our application.
Styling the UI (optional lecture)12:30
Make our application more attractive to the user and improve user experience.
Setting up jasmine7:12
Manually set up jasmine from the main jasmine repository.
Suites6:29
Explore what suites are, and how to implement them, to test our application.
Specs6:01
Understand what specs are, how to use them and we will write the first specs that test our application.
Expectations12:58
Learn about expectations and write our own to assert our code.
Disabled specs and disabled suites4:48
In this lecture we are going to learn how to disable suits and specs, and why is this useful.
Section summary0:37
Recap of what we learned in this section.
Section notes0:02
Downloadable materials of this section.

Section intro0:45
Overview of the content for this section.
What is a matcher4:43
Learn what a matcher is, and how to use them.
toBe3:45
Learn about the toBe matcher and use it to test your code.
toEqual6:03
Learn how to use the toEqual matcher and use it to test our code.
toBeTruthy, toBeFalsy6:11
Learn how to use the toBeTruthy, and toBeFalsy matchers, why they are important and use them to test our code.
Negating matchers2:13
Learn how to negate the different matchers and use this to test our code.
toBeDefined, toBeUndefined5:00
Learn about the toBeDefined, and the toBeUndefined matchers, and use them to test your code.
toBeNull2:00
Learn about the toBeNull matcher, and use it to test your code.
toContain2:17
Learn about the toContain matcher, and use it to test your code.
toBeNaN3:37
In this lecture we will learn about the toBeNaN matcher, and use it to test our code.
toThrow, toThrowError5:28
Learn about the toThrow, and toThrowError matchers, and use it to test our code.
toMatch3:13
Learn about the toMatch matcher, and use it to test your code.
Other matchers0:56
Learn about other matchers, and use it to test your code.
Match anything1:59
Explore asymmetric matchers and learn how to match anything.
Custom matchers7:21
Create our own custom matchers to fit the needs of our code.
Update on third party matchers! Read before the next lecture.0:26
Third party matchers3:34
Explore the different matchers from third-party sources.
Section summary0:51
Recap what we learned in this section.
Section notes0:02

Section intro1:45
Overview of the content of this section.
Recommendations to organize our specs2:54
Some recommendations and best practices to organize better your specs.
Nesting suites6:35
Explore how to nest our suites and why this is important.
Setup and teardown4:26
Explore the different life cycle hooks that jasmine offers.
beforeEach, afterEach4:44
Learn about the beforeEach and the afterEach setup and teardown methods and use them in your suites.
beforeAll, afterAll9:45
Learn about the beforeAll, and the afterAll life cycles, and use them to test in your suites.
Jasmine and the [this] keyword4:05
Learn about the this keyword, and the different context that it has in our suites.
Section summary0:54
Recap what we learned in this section.
Section notes0:02
Downloadable materials for this section.

Section intro1:08
Overview of the content for this section.
Jasmine spies5:12
Learn what spies are, why they are important and how to use them.
Spying on functions4:08
Explore the different functions that jasmine has to spy on our code.
toHaveBeenCalled4:50
Learn about the toHaveBeenCalled matcher, and use it to write assertions on spies.
toHaveBeenCalledWith3:11
Learn about the toHaveBeenCalledWith matcher, , and use it to write assertions on spies.
toHaveBeenCalledTimes2:19
Learn about the toHaveBeenCalledTimes matcher, and use it to write assertions on spies.
Spying on prototypes12:29
Learn how to spy on JavaScript prototypes.
callThrough6:40
Learn about the spy method callThrough and use it to configure your spies.
callFake2:20
Learn about callFake and use it to configure your spies.
returnValue2:46
Learn about the spy method returnValue and use it to configure your spies.
returnValues3:46
Learn about returnValues and use it to configure your spies.
Spy and throwError2:58
Learn about throwError and use it to configure your spies.
Using getters7:44
In this lecture we implement a getter for our project.
spyOnProperty10:18
Learn about how to test getters and setters with spyOnProperty
Section summary0:48
Recap what we learned in this section.
Section notes3:36
Downloadable materials of this section.

Section intro1:02
Overview of the content of this section.
Using promises5:38
Use promises within our application.
The done callback10:34
The done callback provided by jasmine to test promises.
Your turn! (spec exercise)0:23
Your turn to work on a spec!
showVersion() spec solution1:29
Solution for the exercise, and the logic behind it.
Async and await with specs2:18
Async and await, we implement it in our application and show you how to test with them.
Section summary0:51
Recap what we learned in this section.
Section notes0:02
Downloadable materials of this section.

Section intro3:24
Overview of the content of this section.
The package.json4:21
The package.json, how it works and how to generate one.
Installing dependencies6:12
Install the different dependencies needed for the application.
Karma runner7:29
Karma runner, the benefits and how to use it to automatize our tests.
Headless browser3:36
What is a headless browser, and add one to our Karma runner.
Coverage reports11:01
What are coverage reports, how to read them and why are they important.
Pushing to version control4:53
Push our code to version control.
Connecting to CI system1:22
Connect our repository to the CI system.
Configuring build6:00
Create the manifest to build our project for the CI system.
Build badge2:36
Add a build badge for our README in our repository.
Section summary2:50
Recap what we learned in this section.
Section notes0:02
Downloadable materials of this section.

Requirements

Basic familiarity with HTML, JavaScript (and basic CSS for an optional lecture)
NO knowledge of Jasmine or unit testing is required.

Description

Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a Document Object Model (DOM), and it has a clean, obvious syntax so that you can easily write tests.

If you want to stand out as a JavaScript developer, you need to learn how to unit test your code. Jasmine is a great way to do so.

By the end of watching this course, you'll be able to:

Understand what unit testing is and why it is important in today's market.
Set up jasmine from scratch.
Write clean and concise suites, specs, and specifications.
Understand and use all of the out-of-the-box jasmine matchers, create your custom ones, and include them in your project.
Isolate dependencies through test-doubles, known as spies in Jasmine, for true unit testing.
Unit test asynchronous code.
Setup test reports and continuous integration from version control to automate your test runs.
Apply best practices when structuring your tests.

With this course, you'll get downloadable source code, slides, and section notes.

PREREQUISITES

This is a beginner and intermediate course.

No previous unit testing experience is needed, just basic familiarity with JavaScript, HTML, and CSS (just optional when building our course project).

You don't need previous experience with a testing framework at all. We've got you covered!

---

Promo video music license:

Adventures by A Himitsu - Creative Commons — Attribution 3.0 Unported— CC BY 3.0 Music released by Argofox - Music provided by Audio Library

Who this course is for:

Beginner and intermediate front-end developers new to unit testing.
Developers who want to improve theirs skills and take their careers to the next levels.
Front-end developers who want to learn how to unit test their Javascript.
Front-end developers who are familiar with unit testing with other frameworks but want to learn how to unit test with jasmine.
Developers with knowledge on other javascript unit testing frameworks but new to jasmine.

Unit testing your Javascript with jasmine

What you'll learn

Explore related topics

Course content

Course Intro7 lectures • 26min

Jasmine functions13 lectures • 1hr 16min

Matchers19 lectures • 1hr

Organizing your specs9 lectures • 35min

Spying on your code (stubs / test doubles)16 lectures • 1hr 14min

Testing asynchronous code8 lectures • 22min

Test reports and continuous integration (CI)12 lectures • 54min

Extras2 lectures • 1min

Requirements

Description

Who this course is for: