Mocking getters from babell-ed libraries

I needed to mock storiesOf member of @storybook/react. It looked like a simple function member and all went to this code

import * as StorybookReact from '@storybook/react';
const baseStoriesOf = ImportMock.mockFunction(StorybookReact, 'storiesOf');

But it did not work. After long hours of digging, I’ve found out what was that. Storybook-guys use babel to compile all code. So when we do import ... from '@storybook/react' we actually import this ugly thing:

"use strict";

require("core-js/modules/es6.object.define-property");

Object.defineProperty(exports, "__esModule", {
  value: true
});
Object.defineProperty(exports, "storiesOf", {
  enumerable: true,
  get: function get() {
    return _preview.storiesOf;
  }
});
// and so on

And nothing can help ImportMock.mockFunction to replace [Getter].

Simplified example to reproduce the problem in gist.

Can we do something with that?

[Vittly]

Unfortunately no 😦

In my case I’ve made it possible to replace external dependecy. Like

// my ts-module
import { CoolThing } from 'cool-external-thing';

export function f(arg1, arg2, replacerForThing = CoolThing) {
   // ...
}

And in tests I do simply pass sinon.stub() into replacerForThing-argument. So I had to change my own code to fix the issue

[mpetrunic]

@Vittly Have you found out some alternative to mock babel-ed libraries like that?