Usage with Enzyme, error: Enzyme expects an adapter

[quantuminformation]

I have the following setup

but get this error:

 Enzyme Internal Error: Enzyme expects an adapter to be configured, but found none. To
          configure an adapter, you should call `Enzyme.configure({ adapter: new Adapter() })`
          before using any of Enzyme's top level APIs, where `Adapter` is the adapter
          corresponding to the library currently being tested. For example:

          import Adapter from 'enzyme-adapter-react-15';

I get the same error if I rename to setupTests.ts

[adepatie]

Experiencing the same issue. I've tried changing between "setupFiles" and "setupTestFrameworkScriptFile", using 'require()', 'import * as'. Same error.

[adepatie]

@quantuminformation Fixed my issue by using the answer found here:
https://stackoverflow.com/questions/46435558/could-not-find-declaration-file-for-enzyme-adapter-react-16

[smacpherson64]

Similar to @adepatie and the stackoverflow above,

I have a working setup with the following:

package.json

...
"enzyme": "^3.0.0",
"enzyme-adapter-react-16": "^1.0.2",
"@types/enzyme": "^3.1.0",
"react-scripts-ts": "2.8.0",
...

setupTests.ts:

import * as enzyme from 'enzyme';
import * as Adapter from 'enzyme-adapter-react-16';
enzyme.configure({ adapter: new Adapter() });

[NirBenita]

Thanks for the workaround people ❤️

I've been having similar problems. It looks like src/setupTests.js is not running before every test file (as it should). I work around the issue by adding:

import * as Adapter from 'enzyme-adapter-react-15';

configure({ adapter: new Adapter() });

to the test suite, which works fine for now since it's a small project with not many suites.

[smacpherson64]

Hey @NirBenita have you tried renaming that file to setupTests.ts ?

[wmonk]

Could someone submit a PR to get this working correctly?

[ianschmitz]

src/setupTests.ts should be working correctly (is for me on 2.8.0)

[dbenchi]

It does not work at all for me

"enzyme": "3.2.0",
"enzyme-adapter-react-16": "1.1.0",
"react-scripts-ts": "2.8.0",

[DorianGrey]

It does not work at all for me

@abenchi , would you mind elaborating this ? "It does not work" lacks precision.
If you follow these instructions (that's from a PR, but it has only some minor differences from the original version here), what exactly fails to work?

[DorianGrey]

Instructions on how to setup enzyme have been adopted to conform to the particular typescript requirements.
See here. Yes, it's somewhat hidden, but in the same position as in the original CRA.

[dbenchi]

Indeed, it was my error, by doing the follwing to avoid the requestAnimationFrame warnings

"test": "react-scripts test --env=jsdom --setupTestFrameworkScriptFile=raf/polyfill",

I override the setupTests...
Thanks for your feedback

[arbtfnf]

This error occurs when you are using React16, and trying to install Enzyme@2 with "npm i --save-dev enzyme",
Instead use the following code to run Enzyme with React-16
yarn add enzyme@3.0.0 enzyme-adapter-react-16@1.0.0 raf@3.3.2

Here we have to use enzyme@3.0.0 to run it with react16, here we need to install adaptor also.
So after running this code, inside test folder, create a file( name it eg: setupTest.js ) to wire-up adaptor with enzyme.
In setupTest.js file copy/paste the following:

import Enzyme from 'enzyme';
import Adaptor from 'enzyme-adaptor-react-16';

Enzyme.configure({
adaptor: new Adaptor()
});

Now you need to add jest.config.json file on the root as it, this will tell to run raf then setupTests.js file
{ "setupFiles": [ "raf/polyfill", "<rootDir>/src/tests/setupTests.js" ] }

Update this in package.json file:
"test": "jest --config=jest.config.json",

[manoharreddyporeddy]

A simple solution is here:
enzymejs/enzyme#1265 (comment)