重新接線並導入其他模塊

Question

我正在嘗試使用重新連接外部模塊在模塊之間進行一些測試。

實際上，我有以下兩個模塊：

import callbackRender from './callbackRender'
import { HttpRequest } from 'default-http'

export default (injector, route) => {
  return (request, response) => {
    const ctrl = injector.get(route.controller)
    const result = ctrl[route.controllerMethod](new HttpRequest())
    if (result.then) {
      return result.then(res => callbackRender(res, response))
    } else {
      callbackRender(result, response)
    }
  }
}


export default (httpResponse, response) => {
  if (httpResponse.content.content) response.send(httpResponse.content.content)
  else response.render(httpResponse.content.page)
}

我正在嘗試像下面這樣測試它：

import chai from 'chai'
import { HttpRequest, HttpResponse } from 'default-http'
import UserControllerMock from './UserControllerMock'
import expressKonnector from '../app/expressKonnector'
import callbackRender from '../app/callbackRender'
import rewire from 'rewire'
import spies from 'chai-spies'
import sinon from 'sinon'
import chaiAsPromised from 'chai-as-promised'
const expect = chai.expect
const callback = rewire('../app/callback')
callback.__set__({
  'callbackRender': callbackRender
})
chai.use(spies)
chai.use(chaiAsPromised)

/**
* Some other working tests ...
*/

  it('should call the callback render method when httpResponse is not a promise', () => {
      const mock = sinon.mock(injector)
      const ctrl = new UserControllerMock()
      const routes = routeParser.parseRoutes()
      mock.expects('get').returns(ctrl)
      const spy = chai.spy.on(callbackRender)
      callback(injector, routes[1])(request, response)
      callbackRender({content: {content: 'toto'}}, response)
      expect(spy).to.have.been.called.once
      mock.verify()
      mock.restore()
    })

    it('should call the callback render method when httpResponse is a promise', (done) => {
      const mock = sinon.mock(injector)
      const ctrl = new UserControllerMock()
      const routes = routeParser.parseRoutes()
      mock.expects('get').returns(ctrl)
      const spy = chai.spy.on(callbackRender)
      callback(injector, routes[3])(request, response).then((res) => {
        expect(spy).to.have.been.called.once
        mock.verify()
        mock.restore()
        done()
      })
    })

我覺得你得到了它，我需要在我的間諜callbackRender回調方法里面。 這就是為什么我需要在callbackRender模塊中使用callbackRender模塊，所以我需要重新連接它。

我在文件的頂部進行了重新布線，如下所示：

const callback = rewire('../app/callback')
callback.__set__({
  'callbackRender': callbackRender
})

但是，當我運行測試時，出現以下錯誤：

Message:
    callbackRender is not defined Stack: ReferenceError: callbackRender is not defined
    at Function.eval (eval at __set__ (C:\Project\javascript\express-konnector\src\app\callback.js:75:19), <anonymous>:1:16)
    at Function.__set__ (C:\Project\javascript\express-konnector\src\app\callback.js:75:5)
    at Object.<anonymous> (C:/Project/javascript/express-konnector/src/test/expressKonnector.spec.js:12:10)

Answer 1

如限制中所述 ，與轉譯器結合使用時， rewire無法正常工作。 它以babel-plugin-rewire的形式提供了可能的解決方案。

這是一個簡單的測試用例（顯然，您的代碼更加復雜，但是僅提供了有關其工作方式的示例）：

// callbackRender.js
export default function callbackRender() {
  console.log('hello world');
}

// callback.js
import callbackRender from './callbackRender';

export default function callback() {
  callbackRender();
}

// test.js
import assert   from 'assert';
import sinon    from 'sinon';
import callback from './callback';

it('should call the callback', () => {
  let spy = sinon.spy();

  // Replace `callbackRender` with a spy
  callback.__Rewire__('callbackRender', spy);

  // Call the function
  callback();

  // Assert that the callback got called, once.
  assert(spy.calledOnce);

  // Reset to the original.
  callback.__ResetDependency__('callbackRender');
});