AngularJS控制器进行Jasmine测试时,无待处理的请求和未满足的GET请求。
创始人
2024-10-27 10:02:10
0

这个问题很可能是因为在控制器中发起了异步请求,但在测试时没有等待这些请求的结果。可以使用AngularJS内置的$timeout服务来模拟异步请求,并使用Jasmine的done()函数等待结果的返回。示例如下:

describe('MyController', function() {
  var $controller, $rootScope, $httpBackend, $timeout, $http;

  beforeEach(module('myApp'));

  beforeEach(inject(function(_$controller_, _$rootScope_, _$httpBackend_, _$timeout_, _$http_) {
    $controller = _$controller_;
    $rootScope = _$rootScope_;
    $httpBackend = _$httpBackend_;
    $timeout = _$timeout_;
    $http = _$http_;
  }));

  afterEach(function() {
    $httpBackend.verifyNoOutstandingExpectation();
    $httpBackend.verifyNoOutstandingRequest();
  });

  it('should get data from server', function(done) {
    var scope = $rootScope.$new();
    spyOn($http, 'get').and.callThrough();

    $httpBackend.expectGET('/api/data')
      .respond(200, [{name: 'John'}, {name: 'Jane'}]);

    var ctrl = $controller('MyController', {$scope: scope});

    $timeout.flush(); // flush any pending $timeout callbacks

    expect($http.get).toHaveBeenCalled();

    $httpBackend.flush(); // flush the mock data

    expect(scope.data).toBeDefined();
    expect(scope.data.length).toEqual(2);

    done(); // call done() to complete the async test
  });
});

在测试中,我们首先注入所需的变量,然后创建一个控制器实例。我们使用$timeout服务来模拟异步请求,并在期望的GET请求上使用$httpBackend服务。

在测试过程中,我们需要使用$timeout.flush()来强制执行异步请求的回调函数。我们还需要使用$httpBackend.flush()来强制将mock数据返回给控制器。

最后,我们使用Jasmine的done()函数来表示异步测试已经完成。

这样做可以确保我们的控制器在进行异步请求时能正常工作,并且符合AngularJS的最佳实践。

相关内容

热门资讯

安卓系统怎么连不上carlif... 安卓系统无法连接CarLife的原因及解决方法随着智能手机的普及,CarLife这一车载互联功能为驾...
iwatch怎么连接安卓系统,... 你有没有想过,那款时尚又实用的iWatch,竟然只能和iPhone好上好?别急,今天就来给你揭秘,怎...
oppo手机安卓系统换成苹果系... OPPO手机安卓系统换成苹果系统:现实吗?如何操作?随着智能手机市场的不断发展,用户对于手机系统的需...
iphone系统与安卓系统更新... 最近是不是你也遇到了这样的烦恼?手机更新系统总是失败,急得你团团转。别急,今天就来给你揭秘为什么iP...
安卓系统连接耳机模式,蓝牙、有... 亲爱的手机控们,你们有没有遇到过这种情况:手机突然变成了“耳机模式”,明明耳机没插,声音却只从耳机孔...
安卓系统上滑按键,便捷生活与高... 你有没有发现,现在手机屏幕越来越大,操作起来却越来越方便了呢?这都得归功于安卓系统上的那些神奇的上滑...
安卓平板改windows 系统... 你有没有想过,你的安卓平板电脑是不是也能变身成Windows系统的超级英雄呢?想象在同一个设备上,你...
安装了Anaconda之后找不... 在安装Anaconda后,如果找不到Jupyter Notebook,可以尝试以下解决方法:检查环境...
希沃系统怎么装安卓系统,解锁更... 亲爱的读者们,你是否也像我一样,对希沃一体机上的安卓系统充满了好奇呢?想象在教室里,你的希沃一体机不...
荣耀鸿蒙系统转安卓,操作指南与... 荣耀鸿蒙系统转安卓:操作指南与注意事项一、荣耀鸿蒙系统转安卓的可行性首先,我们需要明确一点,荣耀鸿蒙...