angular - 如果类具有 @Pipe 注释，则 Angular2 和 TypeScript 的官方 Jasmine 测试 101 示例不起作用

Question

我正在尝试按照官方 Angular 2 文档中的说明设置 Jasmine 测试 - https://angular.io/docs/ts/latest/guide/testing.html但是管道测试的例子是行不通的。当我运行测试时，我只看到 Hero 工作的规范和浏览器的结果。

如果我注释掉 Pipe 注释，只有这样测试才能工作:

````

import { Pipe, PipeTransform } from '@angular/core';
//@Pipe({ name: 'my-uppercase' })
export class MyUppercasePipe implements PipeTransform {
  transform(value: string) {
    return value;
  }
}

````

任何人都可以帮助我需要添加什么才能使测试与管道注释一起工作吗？此处提供了遵循本教程后修改后的代码 - https://github.com/rohans84/quickstart

Answer 1

以下设置适合我。

管道

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'sample'
})
export class SamplePipe implements PipeTransform {

  transform(value: any, args?: any): any {
    return null;
  }

}

规范

import { SamplePipe } from './sample.pipe';

describe('Pipe: Sample', () => {
  it('create an instance', () => {
    let pipe = new SamplePipe();
    expect(pipe).toBeTruthy();
  });
});

测试指南

测试指南不是最新的。它在 https://angular.io/docs/ts/latest/guide/testing.html 的顶部提到

[编辑]

我使用 Karma 来运行我的测试。我有一个在 GitHub 上运行测试的设置:http://github.com/GregOnNet/angular2-testing-playground

我使用 angular-cli管理我的 Angular 2 项目。

希望对你有帮助