1321518 - Mocha tests are failing due to React update

Status: RESOLVED FIXED

(DevTools :: Console, defect, P1)

Description

[Nicolas Chevobbe [:nchevobbe]]

Mocha test throws : 

     TypeError: (0 , _reactCompat.renderToStaticMarkup) is not a function
      at render (node_modules/enzyme/build/render.js:27:52)
      at Context.<anonymous> (new-console-output/test/components/console-api-call.test.js:33:23)

and :

     TypeError: (0 , _reactCompat.findDOMNode) is not a function
      at instHasClassName (node_modules/enzyme/build/MountedTraversal.js:66:43)
      at Array.<anonymous> (node_modules/enzyme/build/MountedTraversal.js:230:20)
      at node_modules/enzyme/build/Utils.js:240:18
      at findAllInRenderedTreeInternal (node_modules/enzyme/build/MountedTraversal.js:288:13)
      at findAllInRenderedTreeInternal (node_modules/enzyme/build/MountedTraversal.js:303:22)
      at findAllInRenderedTreeInternal (node_modules/enzyme/build/MountedTraversal.js:303:22)
      at findAllInRenderedTreeInternal (node_modules/enzyme/build/MountedTraversal.js:303:22)
      at treeFilter (node_modules/enzyme/build/MountedTraversal.js:313:10)
      at ReactWrapper.<anonymous> (node_modules/enzyme/build/ReactWrapper.js:62:12)
      at node_modules/enzyme/build/ReactWrapper.js:1190:21
      at Array.map (native)
      at ReactWrapper.flatMap (node_modules/enzyme/build/ReactWrapper.js:1189:32)
      at ComplexSelector.findWhereUnwrapped (node_modules/enzyme/build/ReactWrapper.js:61:18)
      at recurseSelector (node_modules/enzyme/build/ComplexSelector.js:52:37)
      at ComplexSelector.handleSelectors (node_modules/enzyme/build/ComplexSelector.js:114:22)
      at ComplexSelector.find (node_modules/enzyme/build/ComplexSelector.js:130:23)
      at ReactWrapper.find (node_modules/enzyme/build/ReactWrapper.js:519:37)
      at Context.<anonymous> (new-console-output/test/components/console-api-call.test.js:187:15)


This is probably caused by the React update made in Bug 1312236

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

Attachment: Bug 1321518 - Fix requireHelper for enzyme.

Bug 1312236 updated React to v15.3.2 which was making webconsole's mocha test fail.
An error was thrown because the path and export we do in requireHelper to make enzyme
able to call React functions was changed.
We fix the require to ReactDOM by using the react-dom.js file, and we add the similar
react-dom-server.js for ReactDomServer functions.

Tests now run like they used to.

Review commit: https://reviewboard.mozilla.org/r/96996/diff/#index_header
See other reviews: https://reviewboard.mozilla.org/r/96996/

Comment 2

[Brian Grinstead [:bgrins]]

Comment on attachment 8816218 [details]
Bug 1321518 - Fix requireHelper for enzyme.

https://reviewboard.mozilla.org/r/96996/#review97220

::: devtools/client/shared/vendor/react-dom-server.js:1
(Diff revision 1)
> +/**

If we are only using this for node unit tests, can we include this in package.json instead of importing it as a vendor file and using the require-helper?

Comment 3

[Brian Grinstead [:bgrins]]

Comment on attachment 8816218 [details]
Bug 1321518 - Fix requireHelper for enzyme.

https://reviewboard.mozilla.org/r/96996/#review97228

This looks fine.  Please update the bottom of the REACT_UPGRADING file to include copying this file

Comment 4

[Nicolas Chevobbe [:nchevobbe]]

Comment on attachment 8816218 [details]
Bug 1321518 - Fix requireHelper for enzyme.

Review request updated; see interdiff: https://reviewboard.mozilla.org/r/96996/diff/1-2/

Comment 5

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/7068e81c96ae
Fix requireHelper for enzyme. r=bgrins

Comment 6

[Carsten Book [:Tomcat]]

https://hg.mozilla.org/mozilla-central/rev/7068e81c96ae