Unit Testing with Javascript

From Training Material
Revision as of 09:27, 28 August 2025 by Lsokolowski1 (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search


title
Unit Testing with Javascript Training Course
author
Lukasz Sokolowski


Unit Testing with Javascript

Unit Testing with Javascript Training Materials

Introduction ⌘

  • How Unit Testing Works

Unit test ⌘

  • A function or method, which invokes a unit of module in software
  • Checks assumptions about the system that the developer has in mind
  • Helps the developer test the logical functionality of any module
  • A unit is the testable piece of software
    • It can have more than one input and normally a single output
    • Sometimes, we treat a module of a system as a unit

Unit test con't ⌘

  • Is only relevant to developers who are closely working with the code
  • Is only applicable to test a logical piece of a code
  • Illogical code would not be tested with the use of it
    • Example: getting and setting values in text field
  • Usually, the first unit test is hard to write
    • Requires more time, makes the process more painful
    • We should follow a practice of asking questions before writing
      • Should I use an already available unit test framework or write my own custom code?
      • What about an automated build process?
      • How about collecting, displaying, and tracking unit test code coverage?
  • However, it makes life so much easier than before

Overview of Javascript Unit Test Frameworks ⌘

  • Jasmine, Mocha, Jest, Chai, QUnit
  • Unit test uses cases

Testing tools and frameworks ⌘

  • Karma - the test runner for JavaScript
  • Protractor - the end-to-end testing framework
  • Jasmine - the behavior-driven JavaScript testing framework
  • Jest - no config, supportive, snapshotting, isolated
  • Mocha - the JavaScript testing framework (for nodejs)
  • QUnit - the unit testing framework (for jQuery)
  • Selenium - the tool that automates the web browsers
  • PhantomJS - the headless webkit browser

Tools and frameworks ⌘

  • Help developers write, run, and review unit tests
  • Commonly named as xUnit frameworks
    • Share a set of features across implementations
  • Alternatives for writing single tests for developer/development tools in a browser
  • Provide a lot of the ready-made piece of code
    • test suite/case aggregation, assertions, mock/stub helpers, asynchronous testing implementation, and more

Tools and frameworks con't ⌘

Collecting all the tests into suites and test cases

  • Test suites and test cases are part of many files
    • Each test file typically contains tests for a single module
  • Normally, grouping all tests for a module in one test suite is considered as the best practice
  • The suite can contain many test cases
    • Each test case includes testing of small aspects of any module

Pre and after setup ⌘

  • Built-in functions provided at the suite and test-case levels
  • Help easily handle any pretest setup and post-test teardown
    • setting and resetting the state of a database, initial values for variables, etc
  • Oftenly named
    • beforeEach(): runs before each test
    • afterEach(): runs after each test
    • before(): runs before all tests and executes only once
    • after(): runs after all tests

Setting up the Testing Environment ⌘

  • Downloading and installing the libraries
  • Installing and configuring an IDE
  • Setting up a sample application

Writing Your First Unit Test ⌘

  • Setting up a test
  • Writing a test definition
  • Working with nested scoping
  • Creating assertions
  • Running the unit test

Debugging the unit test ⌘

  • Stepping through the code
  • Creating breakpoints
  • Setting up debug tasks

Expanding the Unit Test ⌘

  • Writing a complex Javascript class
  • Writing stubs and mocks
  • Creating a Test Suite

Implementing TDD and BDD ⌘

  • Creating automated specifications
  • Collaborating with users and testers

Writing More Tests ⌘

  • Testing Node.js
  • HTTP endpoint unit tests
  • Testing a REST APIs
  • Writing an integration test
  • Testing React components (optional)
  • Testing Angular components (optional)

Testing React ⌘

Testing Angular ⌘

Troubleshooting ⌘

Retrieved from "https://training-course-material.com/index.php?title=Unit_Testing_with_Javascript&oldid=89043"