Question

您好我正在尝试为名为daterangecontroller的控制器编写一些代码，该控制器调用服务为其提供一些开始日期和结束日期的值（这些是日历小部件的一部分）。

日期范围服务提供开始日期和结束日期的默认值。然后控制器会监视开始和结束日期模型中的更改。当有更改时，它会调用服务来更新最终由另一个服务调用的日期范围间隔。

如果错误说明：

，我很难理解为什么这种情况会失败

Chrome 35.0.1916 (Mac OS X 10.9.2) Controller: dateRangeCtrl default start date loads as     8 days ago FAILED
Expected Date(Wed Jun 11 2014 11:04:11 GMT-0700 (PDT)) to be Date(Wed Jun 11 2014 11:04:11 GMT-0700 (PDT)).
Error: Expected Date(Wed Jun 11 2014 11:04:11 GMT-0700 (PDT)) to be Date(Wed Jun 11 2014 11:04:11 GMT-0700 (PDT)).
    at null.<anonymous> (/Users/test/client/spec/controllers/dateRangeTest.js:32:28)

以下是我的代码的相关部分。

控制器：

angular.module("vizApp").controller("DaterangeCtrl", function ($rootScope, $scope, DateRangeService) {
"use strict";

// Dates to fill in the calendar widget
var dates_current_interval = DateRangeService.giveCurrentInterval();
var dates_array = dates_current_interval.split("/");
$scope.startDate = new Date(dates_array[0]);
$scope.endDate = new Date (dates_array[1]);
var dateRange = {};

// this model watches for changes in the "from" calendar section
$scope.$watch("startDate", function (newVal, oldVal, scope) {

    if (newVal !== oldVal && newVal !== null && $scope.startDate) {

        dateRange.start = new Date($scope.startDate);
        dateRange.end = new Date($scope.endDate);


        return DateRangeService.updateDateInterval(dateRange);

    }
});

// this model watches for changes in the "to" calendar section
$scope.$watch("endDate", function (newVal, oldVal, scope) {

    if (newVal !== oldVal && newVal !== null && $scope.startDate) {

        dateRange.start = new Date($scope.startDate);
        dateRange.end = new Date($scope.endDate);

        return DateRangeService.updateDateInterval(dateRange);


    }
});

});

服务

 angular.module("vizApp").factory("DateRangeService", [ "$rootScope", function () {
"use strict";
return{

    dateInterval: null,

    /**
     *
     * @param : none
     * returns either a default to fill in the input boxes or the updated dateInterval
     *
     */
    giveCurrentInterval: function giveCurrentInterval(){
        if (this.dateInterval === null){
            var startDate = new Date();
            startDate.setDate(startDate.getDate() - 8);
            var endDate = new Date();
            var dateFill = startDate.toISOString() + "/" + endDate.toISOString();
            return dateFill;
        }
        else{
            return this.dateInterval;
        }
    },

    /**
     *
     * @param dateRange : the date range passed in from the model being watched
     * returns the new dateInterval
     *  
     *
     */
    updateDateInterval: function updateDateInterval(dateRange){

        this.dateInterval = dateRange.start.toISOString() + "/" + dateRange.end.toISOString(); 
        return this.dateInterval;
    }



};
}]);

更新：这里是茉莉花的代码

"use strict";

describe("Controller: dateRangeCtrl", function () {

    var scope, DateRangeController, httpBackend;


    //load the controller's module
    beforeEach(module('vizApp'));
    beforeEach(function () {
                        angular.mock.inject(function ($injector) {
                            httpBackend = $injector.get("$httpBackend");

                        });
                    });

    //initialize the controller and a mock scope
    beforeEach(inject(function($controller, $rootScope) {
        // create a new child scope
        scope = $rootScope.$new();
        //create a new instance of date range controller
        DateRangeController = $controller('DaterangeCtrl', { $scope : scope });

    }));

    it('default start date loads as 8 days ago', function(){
        var mockStartDate = new Date();
        mockStartDate.setDate(mockStartDate.getDate() - 8);

        httpBackend.expectGET('partials/landing.html');
        httpBackend.whenGET('partials/landing.html').respond(200);
        expect(scope.startDate).toBe(mockStartDate);

    });



    it('changes date range when start date is changed', function(){
        var mockStartDate2 = new Date();
        mockStartDate2.setDate(mockStartDate2.getDate() - 10);

        httpBackend.expectGET('partials/landing.html');
        httpBackend.whenGET('partials/landing.html').respond(200);

        scope.$apply(function () {
            scope.startDate = mockStartDate2;
        });

        expect(scope.startDate).toBe(mockStartDate2);

    });
});

Answer 1

使用toEqual（），而不是toBe（），toEqual检查等价，并且toBe检查它们是否是完全相同的对象。

如果您有大量测试，这可能会非常慢，我建议将其拆分。

茉莉花测试...测试失败但条件成真

1 个答案: