How can I mock the imports of an ES6 module?

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’ve done this most often when needing to mock Redux actions, for example. Here’s what I might use for your example above:

import * as network from 'network.js';

describe("widget", function() {
  it("should do stuff", function() {
    let getDataFromServer = spyOn(network, "getDataFromServer").andReturn("mockData")
    let widget = new Widget();
    expect(getDataFromServer).toHaveBeenCalledWith("dataForWidget");
    expect(otherStuff).toHaveHappened();
  });
});

If your function happens to be a default export, then import * as network from './network' would produce {default: getDataFromServer} and you can mock network.default.

Note: the ES spec defines modules as read-only, and many ES transpilers have started honoring this, which may break this style of spying. This is highly dependent on your transpiler as well as your test framework. For example, I think Jest performs some magic to make this work, though Jasmine does not, at least currently. YMMV.

More Related Contents:

  1. Change default timeout for mocha
  2. How to test an ES6 class that needs jquery?
  3. Is there a way to get Chai working with asynchronous Mocha tests?
  4. How to mock dependencies for unit tests with ES6 Modules
  5. Understanding members of Symbol – function constructor
  6. Find list of strings that matches a pattern that start with a special character « and end with a special character »
  7. Why does babel rewrite imported function call to (0, fn)(…)?
  8. Spread Syntax ES6
  9. Async function not returning value, but console.log() does: how to do? [duplicate]
  10. ES6 Object Destructuring Default Parameters
  11. Using _ (underscore) variable with arrow functions in ES6/Typescript
  12. When is the body of a Promise executed?
  13. How can I clone a JavaScript object except for one key?
  14. How to convert a plain object into an ES6 Map?
  15. ES6 Promises – something like async.each?
  16. “Uncaught ReferenceError: this is not defined” in class constructor
  17. Transforming a Javascript iterable into an array
  18. How can I check that two objects have the same set of property names?
  19. What is the meaning of “…args” (three dots) in a function definition?
  20. Is using an ES6 import to load specific names faster than importing a namespace?
  21. ESCMAScript 6 arrow functions – parentheses around parameter
  22. Delegated yield (yield star, yield *) in generator functions
  23. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  24. Function parameter definitions in ES6
  25. Simplest way to merge ES6 Maps/Sets?
  26. Are ES6 module imports hoisted?
  27. Unable to use Arrow functions inside React component class [duplicate]
  28. How to test the type of a thrown exception in Jest
  29. Update one of the objects in array, in an immutable way
  30. functional way to iterate over range (ES6/7) [duplicate]

Leave a Comment