Aller au contenu principal

Jest 23 : đŸ”„ Des tests rapides et agrĂ©ables

· 7 minutes de lecture

Aujourd'hui, nous sommes heureux d'annoncer Jest 23, notre plus grande version majeure à ce jour ! Avec plus de 100 contributeurs, nous avons livré une tonne de fonctionnalités et de corrections de bugs. Merci à tous les membres de la communauté qui ont contribué à rendre les tests JavaScript agréables.

We would also like to welcome both Babel and webpack to the Jest community! After converting from Mocha to Jest 23 Beta, webpack saw their total test suite time reduced 6x from over 13 minutes to 2 minutes 20 seconds. #blazingmeansgood

Voici quelques-uns des points marquants et des changements de rupture de Jest 23.

Pour une liste complĂšte consultez le changelog.

Mode snapshot interactif​

Nous avons ajouté une nouvelle option au menu de surveillance par défaut que nous appelons le mode de snapshot interactif. Ce nouveau mode vous permet de passer en revue chaque snapshot défaillant dans chaque suite défaillante pour revoir vos snapshots défaillants et choisir de les mettre à jour ou de les ignorer individuellement.

Interactive snapshot mode in action

See the Interactive Snapshot Mode docs here.

Snapshot Property Matchers​

Often, objects you're snapshotting contain generated values like Dates and IDs. Jest now allows you to pass properties to the snapshot matcher which specify the structure of the data instead of the specific values. These property matchers are then verified before serializing the matcher type (instead of the value), giving you consistent snapshot results across test runs.

Snapshot Property Matchers

See the updated toMatchSnapshot docs or the Property Matcher guide for more information.

Custom Asynchronous matchers​

We now support asynchronous matchers with expect.extends! Async matchers return a Promise so that you can await for the matcher to resolve. As an example:

Custom asynchronous matchers in action

Docs available here.

Custom Asymmetric Matchers​

Asymmetric matchers are a great tool to use when you only care about asymmetric equality. For example, when the left side is expected to be an object with some subset of properties on the right, instead of an exact match. Jest provides a number of asymmetric matchers out of the box, and in this release we're introducing Custom Asymmetric Matchers.

Custom asymmetric matchers in action

Jest Each​

@mattphillipsio has donated the jest-each package to Jest Core (thanks Matt!). jest-each is a library inspired by mocha-each and Spock Data Tables which allows you to define a table of test cases, and then run a test for each row with the specified column values. We support both array types and template literals for all flavors of describe and test. Docs are available here, and for those not on Jest 23 yet, we're still publishing jest-each separately!

jest-each in action

Huge shout out to Prettier for fixing the table formatting so quickly (see Prettier 1.13)!

New Matchers​

We only add matchers to core if we believe they will be useful to a large amount of people in the Jest community, and leave the majority of matchers to the community (see jest-extended). Some matchers make the cut into core, and Jest 23 adds:

  • nthCalledWith
  • toReturn
  • toReturnTimes
  • toReturnWith
  • lastReturnedWith
  • nthReturnedWith
  • toStrictEqual

New matchers in action

See the updated expect docs here.

Debug Hanging Tests​

A common issue we see on the issue tracker relates to “Jest” hanging after a test run. This is usually due to app code leaving handles open, preventing Jest from exiting. In the past, users have resorted to --forceExit to fix (not recommended).

To help debug these issues, we're now detecting when Jest does not exit:

Detecting hanging tests

And we offer a new flag --detectOpenHandles to help find the open handles:

Running detectOpenHandles

See the updated CLI docs here.

Watch Mode Plugins​

We have completely rewritten the watch mode system to allow adding custom plugins to watch mode. Watch Mode Plugins now make it possible to hook into Jest events and provide custom menu options in the Watch Mode Menu. All of the default Watch Mode prompts are implemented as plugins in this system, and the docs to create your own are available here.

With this change, we're also now able to bring back typeahead support as a Watch Mode Plugin via jest-watch-typeahead!

Typeahead plugin in action

See jest-watch-typeahead for documentation and install instructions. Huge thank you to @rogeliog for the new watch mode plugin system and the jest-watch-typeahead plugin!

Changements de rupture​

Comme pour chaque version majeure, nous apportons quelques changements de rupture pour rendre possibles des changements plus importants à l'avenir et pour pousser l'expérience de test à un nouveau niveau. Here's a list of the biggest changes you may see:

  • Require test descriptions and functions: We're now failing tests that do not include both a function and a description.
  • Remove undefined props from React snapshots: Smaller snapshots and proper React behavior.
  • Remove deprecations: We removed mapCoverage since it's no longer needed. Additionally, we removed jest.genMockFunction and jest.genMockFn since these are the same as jest.fn.
  • Add snapshot names to failures: We added the snapshot name (if provided) to the snapshot failure message so it's easier to find the snapshot that's failing.
  • Replace mock timestamps: We replaced mock timestamps with invocationCallOrder since two or mocks may often have the same timestamp, making it impossible to test the call order.
  • Add results to mock snapshots: We added mock function call results to snapshots so that both the calls and the results of the invocation are tracked.

Other Improvements​

  • Watch mode coverage: Coverage is now limited to only the files tested in watch mode or when using --onlyChanged and --findRelatedTests.
  • Version documentation: We added docs for each minor release back to Jest 22, and have removed all of the “Requires Jest X.X+” from the docs.
  • Better snapshot summaries: We overhauled the Snapshot Summary output to make obsolete snapshots more informative.
  • Better stack traces: We added stack traces to asynchronous errors, timeout errors, expect.assertions, and thrown non-errors. We're also indicating the column in the code frame!
  • Better React 16 support: Adds snapshot support for React.Fragment, React.forwardRef, and React.createContext.
  • Track mock return and throw values: Adds mock.results that contains the return value or thrown value for each mock call.
  • Blazing đŸ”„: We've added a blazing badge to the README to indicate that Jest is blazing good.

Jest Summit​

Last week, the Jest Core Team met for the Jest Summit at Facebook London where worked on and released Jest 23, announced the Jest Open Collective, and gave a number of talks:

Full talk is available here.

The turnout was amazing, and we were able to meet a lot of the London-based community in person. Thank you to everyone who joined us and for your continued support! Stay tuned for our next post which will outline the Jest Open Collective and the plans we have for the future.

As always, this release couldn't have been possible without you, the JavaScript community. Nous sommes incroyablement reconnaissants d'avoir la possibilité de travailler ensemble à l'amélioration des tests JavaScript. If you'd like to contribute to Jest, please don't hesitate to reach out to us on GitHub or on Discord.