🐛 Bug: Mocha (10.x) and Chai (5.x) don't work together about mocha HOT 8 CLOSED

they do work together, chai has just moved to shipping pure ESM which means CJS consumers must now use dynamic import or a bundler.

the error will be from trying to import chai into a commonjs module

you can instead do a dynamic import, const chai = await import('chai');. or stick to chai 4.x for now

from mocha.

the error will be from trying to import chai into a commonjs module

In my case all my test modules are ESM already, but still the same error. Besides, the error is about "unknown .ts extension" of the test/spec file itself, which means that the execution didn't even enter the test module yet. In that case, I don't think the way chai being imported in the test module makes a difference. But again, I'm doing import { expect } from "chai" already.

from mocha.

@MuTsunTsai Is your TypeScript configured to compile your imports to ESM or CommonJS? Often projects write ESM imports in TypeScript only to have it compile it to CommonJS

from mocha.

the error will be from trying to import chai into a commonjs module

In my case all my test modules are ESM already, but still the same error. Besides, the error is about "unknown .ts extension" of the test/spec file itself, which means that the execution didn't even enter the test module yet. In that case, I don't think the way chai being imported in the test module makes a difference. But again, I'm doing import { expect } from "chai" already.

you are right that the error isn't necessarily about trying to import CJS

i suspect it is from using ts-node with mocha, and having require: 'ts-node/require'. which is correct for a commonjs project, but in an ESM project, it should be loader: 'ts-node/esm' (or both):

https://typestrong.org/ts-node/docs/recipes/mocha/

from mocha.

I'm using mocha & chai in a pure ESM project, before and after upgrading chai to 5.x.

The problem appears to come from how Mocha is including Chai. Chai declares itself as ESM and Mocha is trying to require it via mocha/lib/nodejs/esm-utils.js.

PS I think the comment within Mocha's formattedImport() is outdated (I think nodejs does now provide the info you need).

from mocha.

here's an example which works:

https://gist.github.com/43081j/78ce1392abb5043b02a29355006880a5

if you don't use ts-node (like me), you can just build the typescript and run the resulting JS the same way.

mocha 10 does work with chai 5, and with most (or all) other ESM packages

from mocha.

I've pointed out a different solution in this discussion:

chaijs/chai#1575 (comment)

from mocha.

Per chaijs/chai#1575, Mocha does work with Chai 5.x. It's just up to users to configure the ESM shenanigans correctly.

Filed mochajs/mocha-examples#77 to track adding in an example to our examples repo.

Thanks for the discussion all! 🤎

from mocha.