Enzyme: Enzyme Internal Error: unknown node with tag 12

Created on 13 Apr 2018 · 13Comments · Source: enzymejs/enzyme

Current behavior

React in version 16.3 introduces new Context API. That API comes with two new node types (12 and 13).
These node types are not supported and therefore enzyme-adapter-react-16 is throwing an error:

# for ContextConsumer
Enzyme Internal Error: unknown node with tag 12

# for ContextProvider
Enzyme Internal Error: unknown node with tag 13

when you use Context API inside your React components.

An example:

import React from 'react';
import { mount } from 'enzyme';

const { Provider, Consumer } = React.createContext();
const Component = () => (
  <Provider value="test">
    <Consumer>{value => <span>{value}</span>}</Consumer>
  </Provider>
);

mount(<Component />); // this will thrown an error mentioned earlier

Expected behavior

New node types are handled correctly.

API

[ ] shallow
[x] mount
[ ] render

Version

| library | version
| ---------------- | -------
| Enzyme | ^3.3.0
| React | ^16.3.0

Adapter

[x] enzyme-adapter-react-16

Source

kkwiatkowski

👍20

Most helpful comment

The following packages are now released:

ljharb on 8 Aug 2018

🎉15

All 13 comments

@kkwiatkowski this is a duplicate of https://github.com/airbnb/enzyme/issues/1509, which has already been fixed by https://github.com/airbnb/enzyme/pull/1513. Just waiting on a release by enzyme 😢

ghost on 16 Apr 2018

👍8

@baldwmic thanks for your answer. For some reason I couldn't find anything around it.

kkwiatkowski on 16 Apr 2018

👍1

Did this fix get released yet?
I still have this problem on Enzyme v3.3.0 with enzyme-adapter-react-16 v 1.1.1

KaiHotz on 24 Jul 2018

👍3

No, not yet. Please be patient.

ljharb on 25 Jul 2018

👍1

Sorry to ping here, but any ETA on the release? This is blocking a lot of people, I'd suspect. Basically we aren't able to move to the new context without breaking existing enzyme tests.