Close full mode


Git RepositoryEdit on Github

Folder structure

  • We suggest to create a test file inside a __tests__ folder which is next to the file that you are going to test.
  • Here is what it looks like:
  • With this structure we get these benefits:
    • Easy to find a test file of production code, less switching between files.
    • Do not need to make a folder structure of test to match a folder structure of production file.
    • Easy to check if a production file has test or not.
    • Easy to maintain and put other related test files, e.g mock, snapshot inside tests folder

Sources & Credit

What is Snapshot testing?



  • Use to compare primitive values or to check referential identity of object instances.
  • It calls to compare values
  • Don't use .toBe with floating-point numbers. Use .toBeCloseTo instead.
  • It reports a deep comparison of values if the assertion fails. If differences between properties do not help you to understand why a test fails, especially if the report is large, then you might move the comparison into the expect function. For example, to assert whether or not elements are the same instance:
    • rewrite expect(received).toBe(expected) as expect(, expected)).toBe(true)
    • rewrite expect(received).not.toBe(expected) as expect(, expected)).toBe(false)
  • I think it reports deep comparison value because .toBe is used for primitive values.
  • Interesing article Why you should never use .toBe in Jest


  • Use .toEqual to compare recursively all properties of object instances (also known as "deep" equality). It calls to compare primitive values.
  • .toEqual won't perform a deep equality check for two errors. Only the message property of an Error is considered for equality. It is recommended to use the .toThrow matcher for testing against errors

.toBe VS .toEqual

// Two players, both happen to have the same name and age
const player1 = { name: 'John', age: 25 };
const player2 = { name: 'John', age: 25 };
const players = [player1, player2];
function getFirstPlayer () {
return players[0];
test('getFirstPlayer', () => {
.toBe(player1); // passes
.not.toBe(player2); // passes
.toEqual(player1); // passes
.not.toEqual(player2); // fails
Loading comments...