Jasmine JavaScript Testing – toBe vs toEqual

by

For primitive types (e.g. numbers, booleans, strings, etc.), there is no difference between toBe and toEqual; either one will work for 5, true, or "the cake is a lie".

To understand the difference between toBe and toEqual, let’s imagine three objects.

var a = { bar: 'baz' },
    b = { foo: a },
    c = { foo: a };

Using a strict comparison (===), some things are “the same”:

> b.foo.bar === c.foo.bar
true

> b.foo.bar === a.bar
true

> c.foo === b.foo
true

But some things, even though they are “equal”, are not “the same”, since they represent objects that live in different locations in memory.

> b === c
false

Jasmine’s toBe matcher is nothing more than a wrapper for a strict equality comparison

expect(c.foo).toBe(b.foo)

is the same thing as

expect(c.foo === b.foo).toBe(true)

Don’t just take my word for it; see the source code for toBe.

But b and c represent functionally equivalent objects; they both look like

{ foo: { bar: 'baz' } }

Wouldn’t it be great if we could say that b and c are “equal” even if they don’t represent the same object?

Enter toEqual, which checks “deep equality” (i.e. does a recursive search through the objects to determine whether the values for their keys are equivalent). Both of the following tests will pass:

expect(b).not.toBe(c);
expect(b).toEqual(c);

More Related Contents:

  1. Protractor e2e test case for downloading pdf file
  2. Injecting a mock into an AngularJS service
  3. jasmine: Async callback was not invoked within timeout specified by jasmine.DEFAULT_TIMEOUT_INTERVAL
  4. How do I mock a service that returns promise in AngularJS Jasmine unit test?
  5. Using Jasmine to spy on a function without an object
  6. How can I write a test which expects an ‘Error’ to be thrown in Jasmine?
  7. How to spyOn a value property (rather than a method) with Jasmine
  8. How to reuse beforeEach/afterEach in Jasmine JS?
  9. mocking window.location.href in Javascript
  10. How to test a function which has a setTimeout with jasmine?
  11. How to debug timed out waiting for asynchronous Angular tasks? Failure to find elements on angular page occurring
  12. How do I verify jQuery AJAX events with Jasmine?
  13. How to Unit Test Isolated Scope Directive in AngularJS
  14. jasmine mock window object
  15. jasmine.createSpyObj with properties
  16. Spying on a constructor using Jasmine
  17. Expect item in array
  18. How can I spy on a getter property using jasmine?
  19. Protractor Angular 2 Failed: unknown error: angular is not defined
  20. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  21. How to get objects value if its name contains dots?
  22. Format date with Moment.js
  23. Firestore conditional where clause using Modular SDK v9
  24. Content-Security-Policy error in google chrome extension making
  25. Can a js script get a variable written in a EJS context/page within the same file
  26. What is the in-place alternative to Array.prototype.filter()
  27. Pass Angular scope variable to Javascript
  28. Accessing line number in V8 JavaScript (Chrome & Node.js)
  29. showing progressbar progress with ajax request
  30. How to clear radio button in Javascript?

Leave a Comment