jquery doesn't work with jsdom/enzyme

Question

I have a minimum test react app with following component:

import React from \'react\';
import $ from \'jquery\';

export default class App extends React.Comp         


        

Answer 1

Finally found the issue:

Enzyme mount() by default will do full DOM rendering but not insert the rendered component into current document (JSDom). That's why jQuery cannot find any element in current document

To do full DOM rendering AND attach to current document:

mount(, { attachTo: document.getElementById('app') });

Where app is empty div available when jsdom is setup:

global.document = jsdom('
');