Unexpected warnings generated during npm test when using enzyme.

[csalvato]

Can you reproduce the problem with latest npm?

Yup!

Description

When running npm test and basic smoke tests using airbnb/enzyme, I get errors about ReactTest Utils and Shallow rendering.

This code:

import React from 'react'
import { shallow } from 'enzyme'
import App from './App'

it('renders without crashing', () => {
  const div = document.createElement('div');
  shallow(<App />)
});

Generates these warnings:

  console.error node_modules/fbjs/lib/warning.js:36
    Warning: ReactTestUtils has been moved to react-dom/test-utils. Update references to remove this warning.

  console.error node_modules/fbjs/lib/warning.js:36
    Warning: Shallow renderer has been moved to react-test-renderer/shallow. Update references to remove this warning.

This does not happen when I create a smoke test without enzyme:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

it('renders without crashing', () => {
  const div = document.createElement('div');
  ReactDOM.render(<App />, div);
});

And, because it's probably necessary to track down the problems with this issue, here's my package.json:

{
  "name": "cra-warnings-using-enzyme",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^15.5.3",
    "react-dom": "^15.5.3"
  },
  "devDependencies": {
    "enzyme": "^2.8.0",
    "react-addons-test-utils": "^15.5.0",
    "react-scripts": "0.9.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

I'd like to use enzyme, because I think it's the bee's knees 🐝 (because obviously makes mounting and shallow rendering components really easy).

I want to eliminate warnings, because to me those are as bad as errors and I don't want to ignore them (or potentially ignore other warnings because I go warning-blind).

Expected behavior

I expect that this code will not generate warnings:

import React from 'react'
import { shallow } from 'enzyme'
import App from './App'

it('renders without crashing', () => {
  const div = document.createElement('div');
  shallow(<App />)
});

Actual behavior

The above code generates warnings outlined in the description.

Environment

npm ls react-scripts

react-scripts@0.9.5

node -v:

v6.10.0

npm -v

4.4.4

Operating system

OS X El Capitan 10.11.6

Browser and version:

N/A - this is in the command line

Reproducible Demo

https://github.com/csalvato/cra-warnings-using-enzyme

[Timer]

Hi, thanks for the bug report, but this is an enzyme bug, not CRA.
Please follow enzymejs/enzyme#875 and enzymejs/enzyme#876 for updates. 😄

[csalvato]

Huzzah! After posting this, I thought, "Oh my, that is probably an enzyme issue, not a create-react-app issue". Glad to hear that it's reported and being handled.

Thanks for being a gentleman and a scholar, @Timer

[joetidee]

Could try npm i --save-dev react-test-renderer