Jest tests fail with import not allowed error after upgrading material-table.

[ar4hc]

i used CRA (Create-react-App) 4.0.3 with Jest 26 and yarn 2 / PnP to test some components with tables and now (as today after i upgraded material-table...) get some strange error during test runs.
(the website works normally, though)

I'm pretty sire that means i need to do some stuff in jest config (transformIgnorePatternsor alike) but have no idea what and where.... :/

Anybody got some pointers for me?

Thanks,

Runtime error: Jest encountered an unexpected token

This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.

By default, if Jest sees a Babel config, it will use that to transform your files, ignoring "node_modules".

Here's what you can do:
 • If you are trying to use ECMAScript Modules, see https://jestjs.io/docs/en/ecmascript-modules for how to enable it.
 • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
 • If you need a custom transformation specify a "transform" option in your config.
 • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

You'll find more details and examples of these config options in the docs:
https://jestjs.io/docs/en/configuration.html

Details:

./.yarn/$$virtual/@material-table-core-virtual-cbf7aa727e/0/cache/@material-table-core-npm-4.1.0-3354852ce2-c09b905e17.zip/node_modules/@material-table/core/dist/index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){var a=Object.assign;import"./utils/polyfill";import t from"react";import{defaultProps as l}from"./defaults";import{propTypes as i}from"./prop-types";import o from"./material-table";import{withStyles as r}from"@material-ui/core";o.defaultProps=l,o.propTypes=i;const p=e=>({paginationRoot:{width:"100%"},paginationToolbar:{padding:0,width:"100%"},paginationCaption:{display:"none"},paginationSelectRoot:{margin:0}});export default r(p,{withTheme:!0})(e=>t.createElement(o,a(a({},e),{ref:e.tableRef})));export{MTableAction,MTableActions,MTableBody,MTableBodyRow,MTableCell,MTableEditCell,MTableEditField,MTableEditRow,MTableFilterRow,MTableGroupRow,MTableGroupbar,MTableHeader,MTablePagination,MTableSteppedPagination,MTableToolbar}from"./components";
                                                                                                             ^^^^^^

SyntaxError: Cannot use import statement outside a module
    at new Script (node:vm:100:7)
    at Runtime.createScriptFromCode (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1350:14)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1245:25)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at Runtime.requireModuleOrMock (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:919:21)
    at Object.<anonymous> (./src/FaxListTable.js:7:56)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1299:24)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at Runtime.requireModuleOrMock (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:919:21)
    at Object.<anonymous> (./src/FaxList.js:11:64)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1299:24)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at Runtime.requireModuleOrMock (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:919:21)
    at Object.<anonymous> (./src/FaxView.js:9:59)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1299:24)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at Runtime.requireModuleOrMock (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:919:21)
    at Object.<anonymous> (./src/App.js:15:60)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1299:24)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at Runtime.requireModuleOrMock (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:919:21)
    at Object.<anonymous> (./src/contexts/AppContext.test.js:8:32)
    at Runtime._execModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:1299:24)
    at Runtime._loadModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:898:12)
    at Runtime.requireModule (./.yarn/cache/jest-runtime-npm-26.6.3-bf7a869586-5ef4ceaefb.zip/node_modules/jest-runtime/build/index.js:746:10)
    at jestAdapter (./.yarn/cache/jest-circus-npm-26.6.0-7b352c940a-b08d8dde4a.zip/node_modules/jest-circus/build/legacy-code-todo-rewrite/jestAdapter.js:106:13)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at runTestInternal (./.yarn/cache/jest-runner-npm-26.6.3-4a4a361df8-7cac133ccf.zip/node_modules/jest-runner/build/runTest.js:380:16)
    at runTest (./.yarn/cache/jest-runner-npm-26.6.3-4a4a361df8-7cac133ccf.zip/node_modules/jest-runner/build/runTest.js:472:34)

[matthewoestreich]

Hey what version are you on? Can you try updating to the latest version?

[ar4hc]

Material-table is the latest yarn could find, updated this morning.
jest is not because create-react-app is still stuck on 26.6.x, and fixing the mess i made trying to get Jest 27 took me days.... :(

[matthewoestreich]

I meant version of this library. Can you upgrade this library to version 4.1.0

[ar4hc]

it is material-table 4.1, i reverted the upgrade and it worked again.
I'll try to do a repo with reproduction later, i just hoped it's a an obvious stupid question...

Just Jest is not latest (26 not 27).

[matthewoestreich]

Please see here #300