将mock $状态注入到一个角单元测试中。

I'm a relative weakling at Angular unit testing and I'm struggling mightily to bootstrap what strikes me as a simple unit test.

我在角度单元测试方面相对较弱，我正努力地从简单的单元测试入手。

My Class

我的课

class CampaignController {
    constructor($state) {
        this.$state = $state;
    }

    submit() {
        this.$state.transitionTo('some.state');
    }
}
export { CampaignController };

My Test

我的测试

import { expect } from 'chai';
import angular from 'angular';
import { CampaignController } from './campaign.controller';

let component;

describe('campaign-controller', function() {

    var $state;

    beforeEach(inject(function (_$state_) {
        $state = _$state_;
        component = new CampaignController($state);
    }));


    it('should update state on submit', () => {
        component.submit();
        expect($state.current.name).to.be('some.state');
    });
});

I end up getting this error

我最终会得到这个错误

Error: [$injector:unpr] Unknown provider: $stateProvider <- $state

What am I missing here?

我错过了什么?

1 个解决方案

#1

You're not loading any modules in your beforeEach, so angular-ui router is not available. At the very least, you need to load the ui.router module.

您没有在beforeEach中加载任何模块，因此angular-ui路由器不可用。至少，您需要加载ui。路由器模块。

For example, you might have a separate beforeEach block before yours:

例如，你可能在你的前面有一个before each block:

beforeEach(module('ui.router'));

beforeEach(inject(function (_$state_) {
    $state = _$state_;
    component = new CampaignController($state);
}));

#1