Kiểm tra bộ lọc hiện diện trong Angular

Question

Tôi mới để thử nghiệm đơn vị và cố gắng nắm bắt mọi thứ. Tôi đang cố hết sức để làm theo hướng dẫn này: http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html#testing-filters. Trong ứng dụng AngularJS của tôi, tôi có một bộ lọc mà tôi cần kiểm tra. Tôi có Node, Testacular, và Jasmine được thiết lập và chạy đúng cách. Bộ lọc mà tôi đang cố kiểm tra khá đơn giản:

myApp.filter('bill_ship', function() { 
    return function (userData) { 
     var output = "---"; 
     switch (userData) { 
      case "0": 
       output = "Billing"; 
       break; 
      case "1": 
       output = "Shipping"; 
       break; 
     } 
     return output; 
    } 
}); 

Tôi nghĩ rằng tôi đã thiết lập thử nghiệm đúng cách, nhưng nó luôn thất bại.

describe("Unit Testing: Filters - ", function() { 
    beforeEach(angular.mock.module('prismApp', ['bill_ship'])); 

    //BillShip Filter 
    it('should have a bill-ship filter: ', inject(function($filter){ 
     expect($filter('bill_ship')).not.toEqual(null); 
    })); 
}); 

Không thành công với thông báo này: Lỗi: Đối số 'fn' không phải là hàm, có chuỗi từ bill_ship.

Vậy ... tôi đang làm điều này sai ở đâu?

Answer 1

Ok, điều này lý do tại sao tôi nên không bao giờ mã mà không caffine ...

Nó giúp một LOT khi bạn đặt các tập tin mà bạn muốn kiểm tra trong file config. Cậu bé có cảm thấy ngu ngốc không.

Answer 2

Nếu có ai đó thắc mắc (tôi dành một chút thời gian trước khi phát hiện ra) Tôi nghĩ rằng cách lọc của @MBielski là một chút khó hiểu, nhưng thực sự không tốt lắm! Tuy nhiên, tôi thấy đây là một cách tốt để tiêm các bộ lọc vào môi trường thử nghiệm đơn vị hoa nhài để kiểm tra chúng.

Đây là định nghĩa bộ lọc:

angular.module('prismApp.filters', []) 

    .filter('billShip', function() { 
    return function (userData) { 
     // define filter 
     ... 
    } 
    }); 

Và kiểm tra:

describe("Unit Testing: Filters - ", function() { 
    var billShip; 

    // load the module 
    beforeEach(module('prismApp.filters')); 

    // load filter function into variable 
    beforeEach(inject(function ($filter) { 
    billShip = $filter('billShip'); 
    })); 

    // test billShip filter 
    it('should have a bill-ship filter: ', function() { 
    // test away! 
    expect(billShip).not.toEqual(null); 
    expect(billShip("0")).toEqual("Billing"); 
    ... 
    }); 
}); 

Hope this helps bất cứ ai khác.