How to mock dependencies for unit tests with ES6 Modules

by

I’ve started employing the import * as obj style within my tests, which imports all exports from a module as properties of an object which can then be mocked. I find this to be a lot cleaner than using something like rewire or proxyquire or any similar technique.

I can’t speak for traceur which was the framework used in the question, but I’ve found this to work with my setup of Karma, Jasmine, and Babel, and I’m posting it here as this seems to be the most popular question of this type.

I’ve used this strategy most often when needing to mock Redux actions. Here’s a short example:

import * as exports from 'module-you-want-to-mock';
import SystemUnderTest from 'module-that-uses-above-module';

describe('your module', () => {
  beforeEach(() => {
    spyOn(exports, 'someNamedExport');  // mock a named export
    spyOn(exports, 'default');          // mock the default export
  });
  // ... now the above functions are mocked
});

More Related Contents:

  1. How can I mock an ES6 module import using Jest?
  2. Mocking globals in Jest
  3. Get the class name of ES6 class instance
  4. Override a setter, and the getter must also be overridden
  5. Nested ES6 classes?
  6. How to test the type of a thrown exception in Jest
  7. ECMAScript 6: what is WeakSet for?
  8. How can I mock the imports of an ES6 module?
  9. How to change the behaviour of a mocked import?
  10. What functions should I mock during unit testing
  11. How to mock Axios with Jest?
  12. Jest: how to mock console when it is used by a third-party-library?
  13. When should I use a return statement in ES6 arrow functions
  14. Using Node.js require vs. ES6 import/export
  15. ES6 destructuring function parameter – naming root object
  16. What is the motivation for bringing Symbols to ES6?
  17. How to destructure into dynamically named variables in ES6?
  18. ECMAScript 2015: const in for loops
  19. Create object from array
  20. Error Duplicate Const Declaration in Switch Case Statement
  21. ES6 Dynamic class names
  22. JavaScript – Map() increment value
  23. Is there a way to tell if an ES6 promise is fulfilled/rejected/resolved? [duplicate]
  24. ES6 Class Multiple inheritance
  25. What does this `…${…}…` code in the node docs mean? [duplicate]
  26. Unexpected comma using map()
  27. What happens if you don’t resolve or reject a promise?
  28. How to Unit Test Isolated Scope Directive in AngularJS
  29. functional way to iterate over range (ES6/7) [duplicate]
  30. ES6 module scope

Leave a Comment