如何清洗之前$ httpBackend.flush()缓存AngularJs单元测试?(How to

2019-10-18 19:34发布

我需要做单元测试在我的角度项目中的指令。 这个指令是指其使用需要$ HTTP GET数据,然后将它们存储在本地缓存的服务。 和我的测试用例是这样的:

    describe('nationality testing',function(){

    it('should get countries',function(){
        var mockCountries=[{"CountryID":1,"Name":"Afghanistan","Nationality":"Afghan"},{"CountryID":2,"Name":"South Africa","Nationality":"South African"},{"CountryID":3,"Name":"Albania","Nationality":"Albanian"},{"CountryID":4,"Name":"Algeria","Nationality":"Algerian"}];
        var expectUrl=casinolink.config.MockServicePrefix+casinolink.config.MockServices.Country;    
        httpBackend.expectGET(expectUrl).respond(201,mockCountries);
        var t=compile("<cl-nationality  clNationality-selected=\"yourNationalityModel\" ><option></option></cl-nationality>")(scope);
        scope.$digest();
        httpBackend.flush(1);
        expect(scope.$$childHead.options.length).toBe(4);
    });
});

当我第一次开始我的人缘单元测试,所有UT过去了,但后来我再次刷新我的测试页面,在此测试案例得到了失败和错误弹出:

Error: No pending request to flush !
at Error (<anonymous>)
at Function.$httpBackend.flush (http://localhost:9876/absoluteC:/WebUI/WebUI/test/lib/angular/angular-mocks.js:1195:34)
at null.<anonymous> (http://localhost:9876/absoluteC:/WebUI/WebUI/test/unit/directives.spec.js:163:25)
at jasmine.Block.execute (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:1145:17)
at jasmine.Queue.next_ (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2177:31)
at jasmine.Queue.start (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2130:8)
at jasmine.Spec.execute (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2458:14)
at jasmine.Queue.next_ (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2177:31)
at jasmine.Queue.start (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2130:8)
at jasmine.Suite.execute (http://localhost:9876/absoluteC:/Users/zhangji/AppData/Roaming/npm/node_modules/karma-jasmine/lib/jasmine.js:2604:14) 

我想这是因为我的服务后,首次访问使用存储中的数据到本地缓存中,然后它不会让新的请求了,但是从缓存中获得所有,所以当我调用$httpBackend.flush()上面的错误会显示出来。 (我在angularJs一个新手,这只是我的分析有关这个错误)

我的问题是如何前$ httpBackend.flush清理本地缓存()? 任何一个有不同的思路来解决自己的问题?

更新:我打开我的铬控制台,发现角服务店在浏览器本地存储数据,一旦我删除此存储,我的单元测试通过,但刷新,它又来了。 我不能阻止设置任何数据,因为我需要让在第一次访问存储数据的网站。 怎么能噶或棱角分明呢?

Answer 1:

我终于找到了解决方案,它是那么容易!

每个天赋之前清除存储:

    beforeEach(function(){
    localStorage.clear();
});


文章来源: How to clean cache before $httpBackend.flush() in AngularJs Unit Test?