欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

AngularJS 单元测试(二)详解

程序员文章站 2022-05-23 19:58:18
使用对象模拟注入 我们可以非常容易的使用angularjs的$provider服务用一个对象模拟一个依赖并且注入。 例子如下 angular.mod...

使用对象模拟注入

我们可以非常容易的使用angularjs的$provider服务用一个对象模拟一个依赖并且注入。

例子如下

 angular.module('artists',[]).
  factory('artists',['imagestore',function(imagestore){
    return {
      thumb:function(){
        return imagestore.thumbnailurl(id)
      }
    }
  }])

如何实现

如何确定了服务

1、创建一个url的引用,稍后会被mock捕获,和为artists注入的一个变量

var url;
var artists;

2、紧接着在beforeeach方法中使用$provide 服务注册模拟的factory服务。使用一个对象模拟thumbnailurl方法。

beforeeach(module(function($provide){
  $provide.value('imagestore',{
    thumbnailurl:function(id){
      url='/thumb/'+id
    }
  })
})

3、使用$injector服务注入这个方法,返回这个artists服务并且用刚才创建的的变量来声明,稍后可以使用到。

 beforeeach(inject(function($inject){
  artists=$inject.get('artists');
 }))

4、调用artists创建一个简单的测试

it('return the correct artist thumbnailurl',function(){
  artists.thumb('1');
  expect(url).tobe('/thumbs/1');
 })

5、这里有一个完整的使用$provide模拟测试例子,这返回一个定义了thumbnailurl方法,

describe('factory:artists',function(){
  var url;
  var artists;
  beforeeach(module('artist'));
  beforeeach(module(function($provide){
    $provide.value('imagestore',{
      thumbnailurl: function (id) {
      url = '/thumbs/' + id;
      }  
    })
  }));
  beforeeach(inject(function($injector){
    artists=$injector.get('artists')
  }))
  it('return the correct artist thumbnailurl',function(){
    artists.thumb('1');
    expect(url).tobe('/thumb/1')
  })

 })

使用spec模拟注册实例

为了声明依赖注入的实例,下面声明一个例子,下面有两个服务,第二个服务被注入到了第一个里。

 angular.module('hiphop',[])
  .factory('deejays',['$rootscope','scratch',function($rootscope,scratch){
    return{
      originator: 'dj kool herc',
      technique: scratch.technique()
    }
  }])
  .factory('scratch',['$rootscope',function($rootscope){
    return{
      technique:function(){
        return 'breakbeat';
      }
    }
  }])

2、

describe('service: deejays',function(){
  beforeeach(module('hiphop'));
  var deejays;
  beforeeach(inject(function($injector){
    deejays=$injector.get('deejays');
  }))
  beforeeach(inject(function($provide) {
    $provide.value('scratch',jasmine.createspyobj('scratch', ['technique']));
  }));
  it('should return the correct originator',function(){
    expect(deejays.originator).tobe('dj kool herc');
  })
 })

以上就是对angularjs 单元测试的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!