javascript - 如何使用 Jasmine 监视通过 ES6 默认导出导入的函数？

Question

我正在开发一个 Redux 应用程序，并尝试在 ES6 默认导出函数上使用 Jasmine 创建一个 spy 。我尝试了几种不同的方法来监视该函数，包括使用通配符导入来访问导入的“默认”属性，但到目前为止我尝试过的任何方法都不起作用。下面是一个示例，我想在其中测试 widgets.js 并监视小部件功能。有没有一种方法可以实现此目的，而无需更改从 widget.js 导出函数的方式？

widget.js

import { Map } from 'immutable';
import { CREATE_WIDGET } from 'actions';

const initialState = Map({
  id: undefined,
  name: undefined
});

export default function widget(state=initialState, action) {
  switch (action.type) {
    case CREATE_WIDGET:
      return state.update((widget) => widget.merge(action.widget));

    default:
      return state;
  }
}

widgets.js

import { OrderedMap } from 'immutable';
import { CREATE_ROOM } from 'actions';
import widget from './widget';

const initialState = OrderedMap();

export default function widgets(state=initialState, action={}) {
  switch (action.type) {
    case CREATE_ROOM:
      return state.set(action.widget.id, widget(undefined, action));

    default:
      return state;
  }
}

Answer 1

你说你尝试导入通配符并监视默认值？这种方法有什么问题吗？我刚刚遇到了这个问题，这样做为我解决了:

import * as widget from './widget';

describe('widget spec', () => {
    beforeEach(() => {
        spyOn(widget, 'default');
    });
});