Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Test suite failed: jQuery is not defined

See original GitHub issue

Description

I have imported jquery and the resizable widget in a component in this way:

import $ from "jquery";
import 'jquery-ui/themes/base/resizable.css';
import 'jquery-ui/ui/widgets/resizable';

It worked fine but when I try to run the unit test it returns this error:

Test suite failed to run
ReferenceError: jQuery is not defined

what can I do? Thanks

Issue Analytics

State:
Created 6 years ago
Comments:14 (8 by maintainers)

Top GitHub Comments

3reactions

gaearoncommented, May 24, 2017

Seems like it works with this:

import $ from "jquery";
import 'jquery-ui/themes/base/resizable.css';

window.jQuery = $;
require('jquery-ui/ui/version');
require('jquery-ui/ui/plugin');
require('jquery-ui/ui/widget');
require('jquery-ui/ui/widgets/mouse');
require('jquery-ui/ui/widgets/resizable');

I sent a PR: https://github.com/FrancescaBarbazeni/jquery-not-defined/pull/1.

I would add that this is pretty broken (on jQuery side) as it’s not really compatible with modern bundlers, and you might have better luck using React-specific libraries instead. But it seems to work.

Hope it helps!

1reaction

gaearoncommented, May 24, 2017

I’m not sure really, depends on what exactly you’re looking for. If I search for “resizable table reactjs” I find a bunch of components, maybe one will match your needs!