带有$ timeout的AngularJS上带有mocha(无e2e测试)的单元测试服务永远不会完成

时间:2014-03-10 22:19:52

标签: angularjs karma-runner angularjs-timeout karma-mocha

我有一个需要通过AJAX调用数据库的服务,这是对它的测试:

describe 'Cep service', ->
  cep = undefined
  $timeout = undefined

  beforeEach(module('cep'))
  beforeEach(inject(($cep, $injector)->
    cep = $cep
    $timeout = $injector.get('$timeout')
  ))

  afterEach(->
    $timeout.verifyNoPendingTasks()
  )

  it 'should fail', (done) ->
    cep(
      '00000000' 
      (data) ->
        expect(->
          throw new Error('Shouldnt succeed')
        ).to.not.throwError()
        return
      (err) ->
        expect(err).to.be.ok()
        expect(err).to.be('CEP inválido')
        done()
        return
    )

    try
      $timeout.flush()
    catch e
      console.log e

    return

  it 'should work with dashes', (done) ->
    cep(
      '91010-000'
      (data) ->
        expect(data).to.be.ok()
        expect(data).to.have.property('resultado')
        expect(data).to.have.property('uf')
        expect(data).to.have.property('cidade')
        expect(data).to.have.property('bairro')
        expect(data).to.have.property('tipo_logradouro')
        expect(data).to.have.property('logradouro')
        done()
        return
      (err) ->
        expect(->
          throw new Error('Shouldnt fail')
        ).to.not.throwError()
        done()
        return
    )
    try
      $timeout.flush()
    catch e
      console.log e

    return


  it 'should work without dashes', (done) ->
    cep(
      '91010000'
      (data) ->
        expect(data).to.be.ok()
        expect(data).to.have.property('resultado')
        expect(data).to.have.property('uf')
        expect(data).to.have.property('cidade')
        expect(data).to.have.property('bairro')
        expect(data).to.have.property('tipo_logradouro')
        expect(data).to.have.property('logradouro')
        done()
        return
      (err) ->
        expect(->
          throw new Error('Shouldnt fail')
        ).to.not.throwError()
        done()
        return
    )

    try
      $timeout.flush()
    catch e
      console.log e

    return

因错误而失败(因为从未调用过mocha的done):

Chrome 33.0.1750 (Windows 7) Cep service should fail FAILED             
    Error: timeout of 2000ms exceeded
        at C:/project/node_modules/mocha/mocha.js:4290:14

如果我打电话给$timeout.flush并不重要。当我在调用之后调用$timeout.flush时(因为AJAX尚未返回),它会抛出错误并记录到控制台No deferred tasks to flush

我已经在angular-mocks.js加载了karma.conf.js,它们是相同的版本(有角度和模拟,使用bower update保持最新)。

在CEP服务中,在调用ajax之后,回调在$timeout(-> cb(data))内执行,并且不会因任何原因而被调用。我很难过。

我在SO中看到的所有问题都与使用$httpBackend模拟的e2e,茉莉和同步测试有关。我需要实际调用PHP脚本进行测试。另外,我在karma.conf.js

上设置了“代理”
proxies       : {
  '/planos': 'http://local.gap/planos',
  '/ajax'  : 'http://local.gap/ajax'
},

开发工具控制台显示请求正在完成,但它正在$timeout上停止

angular.module('cep', ['pheryResource'])
  .factory(
    '$cep'
    ['$pheryResource', (ajax) ->
      (cep, cb, err) ->
        cep = cep?.replace /[^0-9]*/g, ''

        if not cep? or cep.length < 8
          err?('CEP inválido')
          return

        ajax('cep', '/ajax').get(
          {cep: cep}
          (data) ->
            if not data? or not data.resultado?
              err?('CEP inválido')
            else
              cb(data)

            return
          (error) ->
            err?(error)

            return
        )

        return
    ]
  )

angular.module('pheryResource', [])
  .factory(
    '$pheryResource'
    ['$timeout', ($timeout) ->
      phery_remote = (remote, url) ->
        @element = phery.element(remote, if url then {target: url} else undefined)
        angular.extend @, @element.phery()
        return

      event = (element, cb, err) ->
        element.off('phery:json phery:fail').on(
          'phery:json': (event, data) ->
            $timeout(->
              cb?(data)
              return
            )
            return

          'phery:fail': (event, error) ->
            $timeout(->
              err?(error)
              return
            )
            return
        )

      phery_remote::get = (data, cb, err) ->
        @element.phery('data', 'method', 'GET')
        event(@element, cb, err)
        @element.phery('one', data)

      phery_remote::post = (data, cb, err) ->
        @element.phery('data', 'method', 'POST')
        event(@element, cb, err)
        @element.phery('one', data)

      phery_remote::put = (data, cb, err) ->
        @element.phery('data', 'method', 'PUT')
        event(@element, cb, err)
        @element.phery('one', data)

      phery_remote::delete = (data, cb, err) ->
        @element.phery('data', 'method', 'DELETE')
        event(@element, cb, err)
        @element.phery('one', data)

      (remote, url) ->
        new phery_remote(remote, url)
    ]
  )

0 个答案:

没有答案