Reader small image

You're reading from  Learn React with TypeScript - Second Edition

Product typeBook
Published inMar 2023
Reading LevelBeginner
PublisherPackt
ISBN-139781804614204
Edition2nd Edition
Languages
Tools
Right arrow
Author (1)
Carl Rippon
Carl Rippon
author image
Carl Rippon

Carl Rippon has been in the software industry for over 20 years developing a complex lines of business applications in various sectors. He has spent the last 8 years building single-page applications using a wide range of JavaScript technologies including Angular, ReactJS, and TypeScript. Carl has also written over 100 blog posts on various technologies.
Read more about Carl Rippon

Right arrow

Answers

  1. The problem is that the file extension is tests.tsx rather than test.tsx.
  2. The toBe matcher should only be used for checking primitive values such as numbers and strings—this is an object. The toStrictEqual matcher should be used to check objects because it checks the values of all its properties instead of the object reference:
    expect({ name: 'Bob' }).toStrictEqual({ name: 'Bob' });
  3. The not and toBeNull matchers can be combined to check a variable isn’t null:
    expect(something).not.toBeNull();
  4. The toBeDisabled matcher can be used from jest-dom:
    expect(screen.getByText('Save')).toBeDisabled();
  5. Here’s a test:
    test('should remove id when already in checked ids', () => {
      const result = getNewCheckedIds([1, 2, 3], 2);
      expect(result).toStrictEqual([1, 3]);
    });
  6. The findBy query type requires awaiting because it is asynchronous:
    expect(await screen.findByText('Save')).toBeInTheDocument...
lock icon
The rest of the page is locked
Previous PageNext Chapter
You have been reading a chapter from
Learn React with TypeScript - Second Edition
Published in: Mar 2023Publisher: PacktISBN-13: 9781804614204

Author (1)

author image
Carl Rippon

Carl Rippon has been in the software industry for over 20 years developing a complex lines of business applications in various sectors. He has spent the last 8 years building single-page applications using a wide range of JavaScript technologies including Angular, ReactJS, and TypeScript. Carl has also written over 100 blog posts on various technologies.
Read more about Carl Rippon