Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mocha Testing #59

Open
ghost opened this issue Nov 3, 2016 · 8 comments
Open

Mocha Testing #59

ghost opened this issue Nov 3, 2016 · 8 comments

Comments

@ghost
Copy link

ghost commented Nov 3, 2016 •
edited by ghost
Loading

When I try to test the npm module react-bootstrap-multiselect with mocha and enzyme, I get the following error:

if (typeof jQuery.fn.dropdown !=="undefined" return jQuery;
TypeError: Cannot read property 'dropdown' of undefined
this error happens in \react-bootstrap-multiselect\lib\bootstrap-dropdown. My code up to the point of error is:

import React from 'react';
import { mount } from 'enzyme';
import { expect } from 'chai';
import jsdom from 'jsdom';

const doc = jsdom.jsdom('<!doctype html><html><body></body></html>')
global.document = doc
global.window = doc.defaultView
global.$ = global.jQuery = require('jquery')(global.window);

import MasterTable from '../components/masterTable';

where the error is thrown when I try to import MasterTable. MasterTable tries to render the react-bootstrap-multiselect.

Link to StackOverflow post http://stackoverflow.com/questions/40406149/testing-react-bootstrap-multiselect-with-mocha
@skratchdot
Copy link
Owner

skratchdot commented Nov 4, 2016 •
edited
Loading

Thank you! I will try to fix this when I get a bit of time this weekend.

@ghost
Copy link
Author

ghost commented Nov 7, 2016

Please let me know when you have it fixed. The fix you sent me doesn't seem to work.

Thanks.

@iggi-
Copy link

iggi- commented Dec 22, 2016

I have the same error. The odd part is that it worked for a while and then seems to have failed. I'm unsure why.

@otanim
Copy link

otanim commented Jan 13, 2017 •
edited
Loading

@lawrencetvo, @iggi-
instead of define the react-bootstrap-multiselect package in this way:

import Multiselect from 'react-bootstrap-multiselect'

try

let Multiselect;
if (typeof(window) !== 'undefined') {
  Multiselect = require('react-bootstrap-multiselect');
}

idk, seems this repository no longer maintained, I probably will use this alternative: https://jedwatson.github.io/react-select/

@skratchdot
Copy link
Owner

I should definitely keep a list of alternatives in the readme. I keep meaning to update this repo one weekend, but have been so busy lately. There are definitely some good pure react libs out there (this one is just a wrapper around an existing jQuery library). I will try to update this lib soon though (and add some unit tests).

@NilapuAnusha
Copy link

When I run test cases got error from react-bootstrap-multiselect. I am using enzyme, mocha and chai.

`ReferenceError: jQuery is not defined at Object../node_modules/bootstrap/js/transition.js (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/bootstrap/js/transition.js:59:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../node_modules/bootstrap/dist/js/npm.js (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/bootstrap/dist/js/npm.js:2:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../node_modules/react-bootstrap-multiselect/dist/index.js (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/react-bootstrap-multiselect/dist/index.js:21:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../src/components/search-form-panel.js (/home/anusha/Skua/cs-connect/05-12-2017/src/components/search-form-panel.js:1:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../src/components/search-panel.js (/home/anusha/Skua/cs-connect/05-12-2017/src/components/search-panel.js:1:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../src/containers/search/search-panel-container.js (/home/anusha/Skua/cs-connect/05-12-2017/src/containers/search/search-panel-container.js:1:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at Object../test/containers/search/search-panel-container.test.js (/home/anusha/Skua/cs-connect/05-12-2017/test/containers/search/search-panel-container.test.js:1:1)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at fn (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:87:1)
at run (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/entry.js:3:1)
at Array.forEach (<anonymous>)
at Object.<anonymous> (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/entry.js:10:1)
at Object../node_modules/mocha-webpack/lib/entry.js (/home/anusha/Skua/cs-connect/05-12-2017/.tmp/mocha-webpack/1513599486373/bundle.js:25706:30)
at __webpack_require__ (/home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:669:1)
at /home/anusha/Skua/cs-connect/05-12-2017/webpack/bootstrap 3ba9ca30786fab8785a6:715:1
at Object.<anonymous> (/home/anusha/Skua/cs-connect/05-12-2017/.tmp/mocha-webpack/1513599486373/bundle.js:719:10)
at Module._compile (module.js:635:30)
at Object._module2.default._extensions.(anonymous function) [as .js] (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/util/registerRequireHook.js:147:12)
at Module.load (module.js:554:32)
at tryModuleLoad (module.js:497:12)
at Function.Module._load (module.js:489:3)
at Module.require (module.js:579:17)
at require (internal/module.js:11:18)
at /home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha/lib/mocha.js:231:27
at Array.forEach (<anonymous>)
at Mocha.loadFiles (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha/lib/mocha.js:228:14)
at Mocha.run (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha/lib/mocha.js:514:10)
at runMocha (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/runner/TestRunner.js:249:35)
at /home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/runner/TestRunner.js:305:13
at Compiler.<anonymous> (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/mocha-webpack/lib/webpack/compiler/registerReadyCallback.js:26:7)
at Compiler.applyPlugins (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/tapable/lib/Tapable.js:61:14)
at Watching._done (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:104:17)
at compiler.emitRecords.err (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:78:19)
at Compiler.emitRecords (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:375:38)
at compiler.emitAssets.err (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:61:20)
at applyPluginsAsyncSeries1.err (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:368:12)
at next (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/tapable/lib/Tapable.js:218:11)
at Compiler.compiler.plugin (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:99:4)
at Compiler.applyPluginsAsyncSeries1 (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/tapable/lib/Tapable.js:222:13)
at Compiler.afterEmit (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:365:9)
at require.forEach.err (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:360:15)
at /home/anusha/Skua/cs-connect/05-12-2017/node_modules/async/dist/async.js:473:16
at iteratorCallback (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/async/dist/async.js:1050:13)
at /home/anusha/Skua/cs-connect/05-12-2017/node_modules/async/dist/async.js:958:16
at Compiler.writeOut (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/webpack/lib/Compiler.js:344:14)
at Immediate.<anonymous> (/home/anusha/Skua/cs-connect/05-12-2017/node_modules/memory-fs/lib/MemoryFileSystem.js:288:4)
at runCallback (timers.js:789:20)
at tryOnImmediate (timers.js:751:5)
at processImmediate [as _immediateCallback] (timers.js:722:5)

`

@NilapuAnusha
Copy link

Issue is fixed when I add
global.$ = global.jQuery = require('jquery')

@NilapuAnusha
Copy link

@lawrencetvo Could you please look into #80?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@skratchdot @iggi- @otanim @NilapuAnusha