需要身份验证服务的GET请求的角度测试

时间:2017-06-30 00:47:53

标签: angular unit-testing integration-testing karma-jasmine

我是Karma / Jasmine测试的新手,我正在尝试为执行GET请求的服务设置测试。我正在使用带有MockBackend对象的XHRBackend来模拟虚假请求和响应。我有一个'webService',它是执行GET的'和'authService',它包含连接字符串和访问令牌。我把这个测试设置如下:

describe('WebService Tests', () => {

    beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [HttpModule],
            providers: [
                AuthService,
                AdalService,
                WebServicesService,
                { provide: XHRBackend, useClass: MockBackend }
            ]
        })
        .compileComponents();
    }));

beforeEach(inject([Http, XHRBackend], (http: Http, be: MockBackend) => {
            backend = be;
            authService = new AuthService(new AdalService(), http);
            webService = new WebServicesService(http, authService);
            fakeWebServicesData = makeServicesData;
            let webOptions = new ResponseOptions({status: 200, body: {data: fakeWebServicesData}})
            webResponse = new Response(webOptions);
        }));

        it('should have expected successful GET of WebServices', async(inject([], () => {
            backend.connections.subscribe((c: MockConnection) => c.mockRespond(webResponse));

            webService.getWebServices().toPromise()
            .then(data => {
                expect(data.length).toBe(fakeWebServicesData.length,
                'should have received all web services data');
            })

        })))

我收到的响应是失败的,因为data.length未定义,并且预计为1(我使用的假数据长度为1)。我有点不确定为什么会这样。它调用的方法如下:

getWebServices(): Observable<WebService[]> {
        let connection = this.authService.connection + '/services';
        // Add authorization header with jwt token
        let token = this.authService.getToken();
        let headers = new Headers({ 'Authorization': 'Bearer ' + token });
        let options = new RequestOptions({ headers: headers });

        // Get services from web service api endpoint
        return this.http.get(connection, options)
            .map((response: Response) => response.json())
            .catch((error: Response) => {
                return Observable.throw(error);
            });
    }

我怀疑是因为在我发出模拟请求之前我还没有使用AuthService登录,这可能会返回undefined。在设置此模拟请求之前,是否需要使用我的authService登录? (例如,先进行模拟登录?)如果是,如何在同一测试中连续执行两个模拟请求?或者是否有不同的方法来伪造身份验证?任何帮助,将不胜感激。非常感谢。

更新: 这是我的假数据

const makeServicesData = [
    { 
        name: "service1", version: "1.0.0", versionPublishedBy: "",
        creationTime: "", snapshotId: "", runtimeType: "",
        initCode: "", code: "", description: "", operationId: "",
        inputParameterDefinitions: [
            { name: "", type: "" }
        ],
        outputParameterDefinitions: [
            { name: "", type: "" }
        ],
        outputFileNames: [""],
        myPermissionOnService: "read/write"
    }
]

1 个答案:

答案 0 :(得分:0)

您应该将期望值更改为data.data.length。您命名数据的结构将包含{ data: [ ...actual data ] }。我还建议将其重命名为响应或其他内容。但你能否证实这是否有效?:

it('should have expected successful GET of WebServices', async(inject([], () => {
        backend.connections.subscribe((c: MockConnection) => c.mockRespond(webResponse));

        webService.getWebServices().toPromise()
        .then(data => {
            expect(data.data.length).toBe(fakeWebServicesData.length,
            'should have received all web services data');
        })

    })))