Creating unit tests without relying on a testing framework: A guide

Question

Creating unit tests without relying on a testing framework: A guide

My goal is to unit test a simple function using pure JavaScript:

NS.isType = function (type, obj) {
    if (obj.constructor && obj.constructor.name) {
        return obj.constructor.name === type;
    }
    return toString.call(obj) === '[object ' + type + ']';
};

I am eager to start practicing unit testing in JavaScript without relying on any framework. I want to grasp the concept through a hands-on example before delving into more comprehensive resources like the O'Reilly book, (2013), which covers unit testing with frameworks.

Could someone guide me on how to unit test the above method using only pure JavaScript without any external library?

javascript testing

Answer 1

Answer №1

Unit testing is like a game of red light green light.

First, you create a test outlining the expected behavior of your function. Running the test will result in failure since the function has not been implemented yet (RED).

Next, you implement the function and run the test again. This time, the test will pass as the function now behaves correctly (GREEN).

To ensure the effectiveness of your test, make slight changes to cause it to fail once more (to confirm it doesn't always pass) (RED).

Adjust the test so that it passes once again.

During unit testing, asserting plays a crucial role. Here's a simple example:

function addNumbers(A, B){
  return A + B;
}
//test suite snippet:
var tests=[];
function assertEqual(a, b, message){
  tests.push({
    pass: a === b,
    message: message
  });
}
assertEqual(addNumbers(1,2), 3, "Ensuring 1 plus 2 equals 3");
assertThrows(addNumbers("hello",7), "Passing a string as one of the parameters should trigger an error");

Answer 2

Unit testing is like a game of red light green light.

First, you create a test outlining the expected behavior of your function. Running the test will result in failure since the function has not been implemented yet (RED).

Next, you implement the function and run the test again. This time, the test will pass as the function now behaves correctly (GREEN).

To ensure the effectiveness of your test, make slight changes to cause it to fail once more (to confirm it doesn't always pass) (RED).

Adjust the test so that it passes once again.

During unit testing, asserting plays a crucial role. Here's a simple example:

function addNumbers(A, B){
  return A + B;
}
//test suite snippet:
var tests=[];
function assertEqual(a, b, message){
  tests.push({
    pass: a === b,
    message: message
  });
}
assertEqual(addNumbers(1,2), 3, "Ensuring 1 plus 2 equals 3");
assertThrows(addNumbers("hello",7), "Passing a string as one of the parameters should trigger an error");

Creating unit tests without relying on a testing framework: A guide

Answer №1

Similar questions

When imported, Node / JS instantly generates a new instance

Fiber react three selection group

Explication of syntax not functioning

Guide to swapping images on button click in HTML with dynamically changing image URLs retrieved from the server

Consistently shifting the Aframe camera towards the focal point

Encountered an Error: Trying to use a function that is undefined - While utilizing Jquery Tabs

In order to maintain a custom tooltip in an open state until it is hovered over, while also controlling its

The date conversion within AngularJS's interpolation is resulting in an incorrect timestamp

``The presence of symlink leading to the existence of two different versions of React

Configuring properties for a component by retrieving data from MongoDB using an API request

Prevent selenium webdriver from executing parent tests

Is it possible to exclusively focus on the specified data attributes?

Having trouble getting Three.js JSON models to cast shadows properly?

No change in the element's text content when clicking

Submitting form data using Vue and PHPMailer

Create a JSON array from a collection using Backbone.js

Encountering an undefined variable in the .env file

The event is being triggered on two separate occasions

What is the process for creating URL query parameters?

The first name of the user is not shown following the completion of the registration