jasmine tests in karma: Uncaught ReferenceError: require is not defined

by

I was facing same issue, when trying to use require('module_name') (CommonJS style modules) inside a test case and running it using Karma.

The reason was require function is not available to browser (it is undefined). To provide it to browser we can browserify the test js files before Karma runs test case in browser using karma-browserify.

Install karma-browserify using npm install karma-browserify --save-dev

Update karma.conf.js

 frameworks: ['jasmine', 'browserify'],
 preprocessors: {
    'app/tests/*.js': [ 'browserify' ]
 },
 plugins: [..., 'karma-browserify'],

After these changes browserified file is run in browser by Karma, in which require is defined, and test case runs successfully

More Related Contents:

  1. Can Protractor and Karma be used together?
  2. UI-router interfers with $httpbackend unit test, angular js
  3. Angular 1.6.0: “Possibly unhandled rejection” error [duplicate]
  4. how to fix 404 warnings for images during karma unit testing
  5. I have returned two values but console displaying only one value.. what’s wrong with my code?
  6. Dynamic page load can’t load Java with page
  7. Javascript alert and back with php
  8. How do I replace a character at a particular index in JavaScript?
  9. Is it not possible to stringify an Error using JSON.stringify?
  10. Why are Callbacks from Promise `.then` Methods an Anti-Pattern
  11. JavaScript function aliasing doesn’t seem to work
  12. JavaScript Promises – reject vs. throw
  13. variable scope in d3 javascript
  14. delete a.x vs a.x = undefined
  15. JSON Stringify changes time of date because of UTC
  16. Javascript and backslashes replace
  17. How to manually set REFERER header in Javascript?
  18. ES6 module Import giving “Uncaught SyntaxError: Unexpected identifier”
  19. Is it the last `script` element the currently running script?
  20. getElementByClass().setAttribute doesn’t work
  21. Javascript + HTML5 localstorage [closed]
  22. How to translate ‘this’ in D3 JavaScript to TypeScript?
  23. React hooks useState setValue still rerender one more time when value is equal
  24. To exceed the ImportXML limit on Google Spreadsheet
  25. Styling Vuetify selectors
  26. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  27. How to parse html to React component?
  28. Why is event.clientX incorrectly showing as 0 in firefox for dragend event?
  29. Converting Array of Objects into Array of Arrays
  30. How to get simple dispatch from this.props using connect w/ Redux?

Leave a Comment