Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 When you end up with many tests and test files, new questions start to arise. How do I group the tests? How do I run all the tests in one directory? If there are a lot of them and they're lengthy, is it possible to run them in parallel?

2 Special test frameworks are used to address these issues. They help you to structure your tests and provide many useful features, such as convenient output formatting. We'll get to know most of these features later in the course. In the JavaScript world, the most popular framework isJest(by Facebook). Incidentally, it's the framework we use to test all the practice assignments on Hexlet.

3 Now let's try to create an npm project from scratch and add tests.

4 <h2>Setup and startup</h2>

5 Create a directory calledhexlet-jestsomewhere on your computer. Go into it and execute this command:

6 Answer all the questions from the project initialization script that runs. Make sure thatsrc/index.jsappears in the project root.

7 Jest is a regular npm package that you plug into the developed project locally. Jest is only needed during development, so it's best to install it in thedevDependenciessection:

8 For Jest to work correctly with the module system, add the following option topackage.json:

9 Jest expects the tests to be in the__tests__directory usually located at the project root. You can create any structure within this directory, and Jest will find all the tests that are there. Test files should be named in this format: <name>.test.js. Where <name>, as a rule, corresponds to the name of the module being tested.

10 Let's write our first test. Create__tests__/index.test.jswith the following content:

11 We'll analyze the structure of this file later, but for now, let's try to do a runtime test:

12 Hooray! The tests were successful.

13 <h2>Structure</h2>

14 Let's look at the test file again:

15 Jest provides two global functions for testing: test and expect. You don't need to import them because Jest adds them to the global context.

16 The test function helps you describe a specific test and its assertions. There can be any number of test functions. Its first parameter is an arbitrary string, the test description. This string is then displayed on the screen when running tests to simplify debugging.

17 The second parameter is the function containing actual tests. Note that this code is not executed immediately. The test function adds it inside Jest, which decides how and when to run tests. This allows for various optimizations, such as running tests in parallel.

18 The most unusual thing about this code is the checks themselves; Jest uses "matchers", statements that have a special structure resembling a reference to an object. The general principle of matchers is as follows:

19 <ul><li>The expect() function is called, to which an actual value is passed</li>

20 <li>A suitable matcher, such as toEqual, will be called on the result returned by expect()</li>

21 </ul>Code with matchers is similar to ordinary sentences in English. This is done on purpose so that even non-programmers can read them:

22 You'll learn more about matchers in the next lesson.

23 One of the nicest features of Jest is the way it displays messages about failed tests. Try to make a mistake in the original function and run the tests again:

24 This output shows not only the expected and actual value, but also the source code of the test file, showing what the actual check was. This is an incredibly useful feature that greatly speeds up analysis of test results and helps with debugging.