用 Jasmine 测试 Angular2 / TypeScript 管道

Question

我有一个带有 TypeScript 应用程序设置的 Angular2 和非常基本的 Jasmine 测试。我想测试我的一根管道。

lpad.pipe.ts

import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
    name: 'lpad'
})
export class LPadPipe implements PipeTransform {
    transform(value: any, args: string[]): any {
       let pad = args[0];
       return (pad + value).slice(-pad.length);
    }
}

在 html 模板中的用法：

{{size.SizeCode | lpad:['0000']}}

lpad.pipe.spec.ts - 我的测试（不起作用）

import { LPadPipe } from './lpad.pipe';

describe('LPadPipe'), () => {
    let pipe: LPadPipe;

    beforeEach(() => {
        pipe = new LPadPipe();
    });

    it('transforms "1" to "0001"', () => {
        let value: any = "1";
        let args: string[] = ['0000'];

        expect(pipe.transform(value, args)).ToEqual('0001')
    });

}

错误信息：

Error: TypeError: Cannot read property 'length' of undefined(…)

我认为问题在于我的测试的“值”和“参数”。知道如何解决吗？

Answer 1

这是因为你在使用describe方法时出错了：

describe('LPadPipe'), () => { // <----------------
  let pipe: LPadPipe;

  beforeEach(() => {
    pipe = new LPadPipe();
  });

  it('transforms "1" to "0001"', () => {
    let value: any = "1";
    let args: string[] = ['0000'];

    expect(pipe.transform(value, args)).ToEqual('0001')
  });

} // <----------------

您应该改用以下内容：

describe('LPadPipe', () => { // <----------------
  let pipe: LPadPipe;

  beforeEach(() => {
    pipe = new LPadPipe();
  });

  it('transforms "1" to "0001"', () => {
    let value: any = "1";
    let args: string[] = ['0000'];

    expect(pipe.transform(value, args)).ToEqual('0001')
  });

}); // <----------------