代码之家 › 专栏 › 技术社区 › Brian

单元测试AngularJS和PouchDB服务

angular-mock angularjs-service unit-testing angularjs

Brian · 技术社区 · 10 年前

我正在尝试对我的各个Angular工厂进行单元测试,但很难正确模拟和注入PouchDB对象。我的工厂代码目前如下:

factory('Track', [function() {
    var db = new PouchDB('tracks');
    var resource = {
        getAll: function() {
          return db.allDocs({include_docs: true});
        }
    return resource;
}]);

我曾尝试使用Angular的$provide服务注入一个模拟PouchDB实例,但没有成功:

 module(function($provide) {
    $provide.value('PouchDB', {
        allDocs: function() {
            return 'MOCKED';
        }
    });

我不完全确定从这里去哪里。任何帮助都将不胜感激!

1 回复 | 直到 10 年前

David Losert 10 年前

正如评论中所述: 必须包装全局变量 PouchDB 在一个服务内,使其可注射。这是由于Angular通过简单的函数参数进行DI。所以,只需要做一些类似的事情:

  angular.module('myModule')
     .factory('PouchDBWrapper', function(){
         return PouchDB;
     }

然后您可以将其注入您的Track工厂:

 factory('Track', [function(PouchDBWrapper) {
   var db = new PouchDBWrapper('tracks');
   var resource = {
      getAll: function() {
         return db.allDocs({include_docs: true});
      }
    return resource;
}]);

在您的测试中,您可以通过以下方式进行模拟:

module(function($provide) {
   $provide.factory('PouchDBWrapper', {
       allDocs: function() {
           return 'MOCKED';
       }
});

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前