Update docs re: moduleFileExtensions to add ordering note (left-to-right)

[jeffgore00]

Adds note that the moduleFileExtensions configuration evaluates the array of file extensions from left-to-right. This may seem self-evident, but personally after dealing with Webpack loaders which work in the opposite direction, I think it doesn't hurt to point out.

See issue #7563 for the original discussion on this matter. If someone is more knowledgable about performance, perhaps we could also add a note that in a TypeScript project, moving the .ts and .tsx extensions to the beginning could be advantageous (per @thymikee).

[facebook-github-bot]

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

[thymikee]

Can we also update the versioned docs with this notice?

[codecov-io]

Codecov Report

Merging #7616 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master    #7616   +/-   ##
=======================================
  Coverage   68.26%   68.26%           
=======================================
  Files         249      249           
  Lines        9623     9623           
  Branches        5        5           
=======================================
  Hits         6569     6569           
  Misses       3052     3052           
  Partials        2        2

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 94c40a5...400f4cc. Read the comment docs.

[jeysal]

perhaps we could also add a note that in a TypeScript project, moving the .ts and .tsx extensions to the beginning could be advantageous

Yeah I think something like "We recommend placing the extensions most commonly used in your project on the left" would be good, otherwise it might not be immediately obvious to everyone.

[jeffgore00]

Thanks @jeysal, I like that wording. That's a simple addition for the current version, but for the versioned docs, @thymikee, I think it's potentially confusing for that sentence which says implementation is dependent on your project to co-exist with the command that "If you are using TypeScript this should be ["js", "jsx", "json", "ts", "tsx"].

So for the versioned docs I suggest this rewrite - let me know what you think:

moduleFileExtensions [array]

Default: ["js", "json", "jsx", "node"]

An array of file extensions your modules use. If you require modules without specifying a file extension, these are the extensions Jest will look for, in left-to-right order.

If you are using TypeScript via ts-jest, you will want to add "ts" and/or "tsx" to above default. Where you place these is up to you - we recommend placing the extensions most commonly used in your project on the left.

[SimenB]

@jeffgore00 no reason to bring up "via ts-jest", IMO - just say "If you are using TypeScript, you will...".

Also, could you sign the CLA? 😀

[jeffgore00]

Thanks @SimenB - I signed the CLA and made edits to all of the versioned_docs as well.

[facebook-github-bot]

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

[github-actions]

This pull request has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.