javascript-测试使用$routeParams作为URL参数的AngularJS服务

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-测试使用$routeParams作为URL参数的AngularJS服务，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1537字，纯文字阅读大概需要3分钟。

内容图文

我正在使用Jasmine来测试我的服务.我的一项服务使用$routeParams作为URL参数.现在当我测试时,$routeParams变得不确定

这是我的服务代码

    this.getProjectFunction = function (options) {
                $http.get(rootUrl + $routeParams.projectName)
                        .success(options.success)
                        .error(options.error);
            };

这就是我的测试的样子

describe('App Service', function() {

    describe('App Service Tests', function(){

        var httpBackend, service, optionsSpy, routeParams;

        var returnData = [{"id":1,"name":"test"];

        beforeEach( module( 'appName' ) );

        beforeEach(
            inject(
                function($httpBackend,projectService,routeParams) {
                    service = projectService;
                    optionsSpy = jasmine.createSpyObj('optionsSpy',['success','error','data']);
                    routeParams = $routeParams;
                    httpBackend = $httpBackend;

                }
            )
        );

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


            //this should get a specific project
            it('should call the getAllProjectsFunction function that will return an argument array',

                           function(){

                               //set up some data for the http call to return and test later.
                               httpBackend.whenGET('../'+routeParams.projectName).respond(returnData);
                               service.getProjectFunction(optionsSpy);

                               httpBackend.flush();                            
                               expect(optionsSpy.success.mostRecentCall.args[0]).toBe(returnData);
                           }
            );
    });
});

我是茉莉花测试的新手.感谢您的帮助,祝您有美好的一天:)

解决方法:

您需要注入$routeParams而不是routeParams,然后可以设置routeParams.projectName =’foo’;然后设置httpBackend.whenGET(‘../ foo’).respond(returnData); (../foo可能需要更像/ foo,因为我认为“上一个文件夹”命令在这里不起作用.)

内容总结

以上是互联网集市为您收集整理的javascript-测试使用$routeParams作为URL参数的AngularJS服务全部内容，希望文章能够帮你解决javascript-测试使用$routeParams作为URL参数的AngularJS服务所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端