-v, --version　　输出版本号
-c, --config [config]　　配置文件
-e, --exclude <exclude>　　从路径扩展中全局排除
--fix　　修正了选择规则的链接错误（这可能会覆盖linted文件）
--force　　返回状态码0，即使有lint错误
-i, --init　　生成一个tslint。当前工作目录中的json配置文件
-o, --out [out]　　输出文件
--outputAbsolutePaths　　输出文件路径是否是绝对路径
-r, --rules-dir [rules-dir]　　规则目录
-s, --formatters-dir [formatters-dir]　　格式器目录
-t, --format [format]　　输出格式（散文、json、时髦、冗长、pmd、msbuild、checkstyle、vso、文件列表、codeFrame）
--test 　　测试tslint为指定的目录生成正确的输出
-p, --project [project]　　tsconfig。json文件
-h, --help　　输出使用信息

-c, --config:tslint将使用配置文件的位置来确定哪些规则被激活，以及哪些选项可以    提供给规则。如果没有指定选项，配置文件名为tslint。使用json，只要它存在于路径中。文件的格式是规则：/规则列表/，其中/规则列表/是一个键：值逗号分隔的rulename列表：规则选项对。规则选项可以是布尔true/false值，表示规则是否被使用，或者是一个布尔值，……布尔值提供与非列表情况相同的角色，而列表的其余部分则是传递给规则的选项，该规则将决定它所检查的内容（例如，max-line长度规则的字符数，或者禁止禁止规则的功能）。-e, --exclude:一个文件名或glob，表示从linting中排除文件。如果您需要多个选项，可以多次提供此选项 globs表示要排除哪些文件。--fix:修正了选择规则的链接错误。这可能会覆盖linted文件。--force:返回状态码0，即使有任何lint错误。作为npm脚本运行时很有用。-i, --init:生成一个tslint。当前工作目录中的json配置文件。-o, --out:将结果输出到的文件名。默认情况下，tslint输出到stdout，通常是您运行它的控制台。--outputAbsolutePaths:如果是真的，输出中的所有路径都是绝对的。-r, --rules-dir:另一个规则目录，用于用户创建的规则。tslint将始终检查其默认规则目录在检查用户提供的信息之前，节点模块/tslint/lib/规则规则目录，所以用户提供的规则目录中的规则与基本规则相同的名称将不会被加载。-s, --formatters-dir:为用户创建的格式化程序，另一个格式化目录。格式化程序是将格式化tslint输出的文件把它写在stdout或文件中——out。默认的目录，节点模块/tslint/构建/格式化程序，将永远是首先检查，所以用户创建的表单具有相同的名称因为基础格式化程序将不会被加载。-t, --format:格式化程序用于格式化linter的结果把它输出到stdout或者文件中传递出去。的核心格式器是散文（人类可读）、json（机器可读）和详细。如果不使用此选项，则散文是默认的。其他内置选项包括pmd、msbuild、checkstyle和vso。如果——formatters-dir，可以添加和使用额外的格式化程序选项设置。--test:在匹配的目录上运行tslint，并检查tslint输出匹配.lint文件中的预期输出。自动加载tslint。作为配置文件的目录中的json文件测试。请参阅完整的tslint文档了解更多关于如何这可以用来测试定制规则。-p, --project:包含tsconfig的路径或目录。将会是json文件用于确定哪些文件将被连接。这个标志还使需要类型检查器的规则。-v, --version:当前版本的tslint。-h, --help:打印此帮助消息。

describe('1st tests', () => {it('true is true', () => expect(true).toBe(true));
});

> npm test
...
[0] 1:37:03 PM - Compilation complete. Watching for file changes.
...
[1] Chrome 51.0.2704: Executed 0 of 0 SUCCESSChrome 51.0.2704: Executed 1 of 1 SUCCESS
SUCCESS (0.005 secs / 0.005 secs)

import { Component } from '@angular/core';@Component({selector: 'app-banner',template: '<h1>{{title}}</h1>'
})
export class BannerComponent {title = 'Test Tour of Heroes';
}

import {BannerComponent} from "./banner-inline.component";
import {ComponentFixture, TestBed} from "@angular/core/testing";
import {DebugElement} from "@angular/core";
import {By} from "@angular/platform-browser";describe('BannerComponent (inline template)', () => {let comp: BannerComponent;let fixture: ComponentFixture<BannerComponent>; let de: DebugElement; let el: HTMLElement; beforeEach(() => { TestBed.configureTestingModule({ declarations: [BannerComponent], // declare the test component  }); fixture = TestBed.createComponent(BannerComponent); comp = fixture.componentInstance; // BannerComponent test instance // query for the title <h1> by CSS element selector de = fixture.debugElement.query(By.css('h1')); el = de.nativeElement; }); });

import {BannerComponent} from './banner-inline.component';
import {ComponentFixture, TestBed} from '@angular/core/testing';
import {DebugElement} from '@angular/core';
import {By} from '@angular/platform-browser';describe('BannerComponent (inline template)', () => {let comp: BannerComponent;let fixture: ComponentFixture<BannerComponent>; let de: DebugElement; let el: HTMLElement; beforeEach(() => { TestBed.configureTestingModule({ declarations: [BannerComponent], // declare the test component  }); fixture = TestBed.createComponent(BannerComponent); comp = fixture.componentInstance; // BannerComponent test instance // query for the title <h1> by CSS element selector de = fixture.debugElement.query(By.css('h1')); el = de.nativeElement; }); it('should display original title', () => { fixture.detectChanges(); expect(el.textContent).toContain(comp.title); }); it('should display a different test title', () => { comp.title = 'Test Title'; fixture.detectChanges(); expect(el.textContent).toContain('Test Title'); }); });

it('no title in the DOM until manually call `detectChanges`', () => {expect(el.textContent).toEqual('');});

import {ComponentFixtureAutoDetect, TestBed} from '@angular/core/testing';
import {BannerComponent} from './banner-inline.component';describe('BannerDetectChanges', () => {beforeEach(() => {TestBed.configureTestingModule({declarations: [BannerComponent],providers: [{provide: ComponentFixtureAutoDetect, useValue: true}]});});
});

import {ComponentFixture, ComponentFixtureAutoDetect, TestBed} from '@angular/core/testing';
import {BannerComponent} from './banner-inline.component';
import {DebugElement} from '@angular/core';
import {By} from '@angular/platform-browser';describe('BannerDetectChanges', () => {let comp: BannerComponent;let fixture: ComponentFixture<BannerComponent>; let de: DebugElement; let el: HTMLElement; beforeEach(() => { TestBed.configureTestingModule({ declarations: [BannerComponent], providers: [ { provide: ComponentFixtureAutoDetect, useValue: true } ] }); fixture = TestBed.createComponent(BannerComponent); comp = fixture.componentInstance; de = fixture.debugElement.query(By.css('h1')); el = de.nativeElement; }); it('should display original title', () => { // Hooray! No `fixture.detectChanges()` needed  expect(el.textContent).toContain(comp.title); }); it('should still see original title after comp.title change', () => { const oldTitle = comp.title; comp.title = 'Test Title'; // Displayed title is old because Angular didn't hear the change :(  expect(el.textContent).toContain(oldTitle); }); it('should display updated title after detectChanges', () => { comp.title = 'Test Title'; fixture.detectChanges(); // detect changes explicitly  expect(el.textContent).toContain(comp.title); }); });

import { Component } from '@angular/core';@Component({selector: 'app-banner',templateUrl: './banner.component.html',styleUrls:  ['./banner.component.css']
})
export class BannerComponent {title = 'Test Tour of Heroes'; }

import {async, TestBed} from '@angular/core/testing';
import {BannerComponent} from './banner.component';beforeEach(async(() => {TestBed.configureTestingModule({declarations: [BannerComponent]}).compileComponents();
}));

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By }              from '@angular/platform-browser';
import { DebugElement }    from '@angular/core';import { BannerComponent } from './banner.component';describe('BannerComponent (templateUrl)', () => {let comp:    BannerComponent;let fixture: ComponentFixture<BannerComponent>; let de: DebugElement; let el: HTMLElement; // async beforeEach beforeEach(async(() => { TestBed.configureTestingModule({ declarations: [ BannerComponent ], // declare the test component  }) .compileComponents(); // compile template and css  })); // synchronous beforeEach beforeEach(() => { fixture = TestBed.createComponent(BannerComponent); comp = fixture.componentInstance; // BannerComponent test instance // query for the title <h1> by CSS element selector de = fixture.debugElement.query(By.css('h1')); el = de.nativeElement; }); it('no title in the DOM until manually call `detectChanges`', () => { expect(el.textContent).toEqual(''); }); it('should display original title', () => { fixture.detectChanges(); expect(el.textContent).toContain(comp.title); }); it('should display a different test title', () => { comp.title = 'Test Title'; fixture.detectChanges(); expect(el.textContent).toContain('Test Title'); }); });

import { Component, OnInit } from '@angular/core';import { UserService }       from './user.service';@Component({selector: 'app-welcome',template: '<h3 class="welcome" ><i>{{welcome}}</i></h3>'
})
export class WelcomeComponent  implements OnInit {welcome = '-- not initialized yet --'; constructor(private userService: UserService) { } ngOnInit(): void { this.welcome = this.userService.isLoggedIn ? 'Welcome, ' + this.userService.user.name : 'Please log in.'; } }

import {ComponentFixture, TestBed} from '@angular/core/testing';
import {WelcomeComponent} from "./welcome.component";
import {DebugElement} from "@angular/core";
import {UserService} from "./user.service";describe('WelCome Spec', () => {let comp: WelcomeComponent;let fixture: ComponentFixture<WelcomeComponent>; let de: DebugElement; let el: HTMLElement; const userServiceStub = { isLoggedIn: true, user: {name: 'Test User'} }; TestBed.configureTestingModule({ declarations: [WelcomeComponent], providers: [{provide: UserService, useValue: userServiceStub}] }); });

 let userService = fixture.debugElement.injector.get(UserService);

userService = TestBed.get(UserService);

beforeEach(() => {// stub UserService for test purposesuserServiceStub = {isLoggedIn: true,user: { name: 'Test User'}};TestBed.configureTestingModule({declarations: [ WelcomeComponent ],providers:    [ {provide: UserService, useValue: userServiceStub } ]});fixture = TestBed.createComponent(WelcomeComponent);comp    = fixture.componentInstance; // UserService from the root injector userService = TestBed.get(UserService); // get the "welcome" element by CSS selector (e.g., by class name) de = fixture.debugElement.query(By.css('.welcome')); el = de.nativeElement; });

it('should welcome the user', () => {fixture.detectChanges();const content = el.textContent;expect(content).toContain('Welcome', '"Welcome ..."');expect(content).toContain('Test User', 'expected name');
});it('should welcome "Bubba"', () => {userService.user.name = 'Bubba'; // welcome message hasn't been shown yetfixture.detectChanges(); expect(el.textContent).toContain('Bubba'); }); it('should request login if not logged in', () => { userService.isLoggedIn = false; // welcome message hasn't been shown yet  fixture.detectChanges(); const content = el.textContent; expect(content).not.toContain('Welcome', 'not welcomed'); expect(content).toMatch(/log in/i, '"log in"'); });

@Component({selector: 'twain-quote',template: '<p class="twain"><i>{{quote}}</i></p>'
})
export class TwainComponent  implements OnInit {intervalId: number;quote = '...';constructor(private twainService: TwainService) { } ngOnInit(): void { this.twainService.getQuote().then(quote => this.quote = quote); } }

beforeEach(() => {TestBed.configureTestingModule({declarations: [ TwainComponent ],providers:    [ TwainService ],});fixture = TestBed.createComponent(TwainComponent);comp    = fixture.componentInstance;// TwainService actually injected into the componenttwainService = fixture.debugElement.injector.get(TwainService);// Setup spy on the `getQuote` methodspy = spyOn(twainService, 'getQuote').and.returnValue(Promise.resolve(testQuote));// Get the Twain quote element by CSS selector (e.g., by class name)de = fixture.debugElement.query(By.css('.twain')); el = de.nativeElement; });

it('should not show quote before OnInit', () => {expect(el.textContent).toBe('', 'nothing displayed');expect(spy.calls.any()).toBe(false, 'getQuote not yet called');
});it('should still not show quote after component initialized', () => {fixture.detectChanges();// getQuote service is async => still has not returned with quoteexpect(el.textContent).toBe('...', 'no quote yet');expect(spy.calls.any()).toBe(true, 'getQuote called'); }); it('should show quote after getQuote promise (async)', async(() => { fixture.detectChanges(); fixture.whenStable().then(() => { // wait for async getQuote fixture.detectChanges(); // update view with quote  expect(el.textContent).toBe(testQuote); }); })); it('should show quote after getQuote promise (fakeAsync)', fakeAsync(() => { fixture.detectChanges(); tick(); // wait for async getQuote fixture.detectChanges(); // update view with quote  expect(el.textContent).toBe(testQuote); }));

it('should show quote after getQuote promise (done)', (done: any) => {fixture.detectChanges();// get the spy promise and wait for it to resolvespy.calls.mostRecent().returnValue.then(() => {fixture.detectChanges(); // update view with quoteexpect(el.textContent).toBe(testQuote);done();});
});

<dashboard-hero *ngFor="let hero of heroes"  class="col-1-4"[hero]=hero  (selected)="gotoDetail($event)" >
</dashboard-hero>@Component({selector:    'dashboard-hero',templateUrl: './dashboard-hero.component.html',styleUrls: [ './dashboard-hero.component.css' ]
})
export class DashboardHeroComponent { @Input() hero: Hero; @Output() selected = new EventEmitter<Hero>(); click() { this.selected.emit(this.hero); } }

// async beforeEach
beforeEach( async(() => {TestBed.configureTestingModule({declarations: [ DashboardHeroComponent ],}).compileComponents(); // compile template and css
}));// synchronous beforeEach
beforeEach(() => {fixture = TestBed.createComponent(DashboardHeroComponent);comp    = fixture.componentInstance;heroEl  = fixture.debugElement.query(By.css('.hero')); // find hero element// pretend that it was wired to something that supplied a heroexpectedHero = new Hero(42, 'Test Name'); comp.hero = expectedHero; fixture.detectChanges(); // trigger initial data binding });

it('should display hero name', () => {const expectedPipedName = expectedHero.name.toUpperCase();expect(heroEl.nativeElement.textContent).toContain(expectedPipedName);
});

<div (click)="click()" class="hero">{{hero.name | uppercase}}
</div>

it('should raise selected event when clicked', () => {let selectedHero: Hero;comp.selected.subscribe((hero: Hero) => selectedHero = hero);heroEl.triggerEventHandler('click', null);expect(selectedHero).toBe(expectedHero);
});

/** Button events to pass to `DebugElement.triggerEventHandler` for RouterLink event handler */
export const ButtonClickEvents = {left:  { button: 0 },right: { button: 2 }
};/** Simulate element click. Defaults to mouse left-button click event. */
export function click(el: DebugElement | HTMLElement, eventObj: any = ButtonClickEvents.left): void { if (el instanceof HTMLElement) { el.click(); } else { el.triggerEventHandler('click', eventObj); } }

it('should raise selected event when clicked', () => {let selectedHero: Hero;comp.selected.subscribe((hero: Hero) => selectedHero = hero);click(heroEl);   // triggerEventHandler helperexpect(selectedHero).toBe(expectedHero);
});

//dashboard-hero.component.spec.ts@Component({template: `<dashboard-hero [hero]="hero" (selected)="onSelected($event)"></dashboard-hero>`
})
class TestHostComponent {hero = new Hero(42, 'Test Name');selectedHero: Hero;onSelected(hero: Hero) {this.selectedHero = hero;}
}

beforeEach( async(() => {TestBed.configureTestingModule({declarations: [ DashboardHeroComponent, TestHostComponent ], // declare both}).compileComponents();
}));beforeEach(() => {// create TestHostComponent instead of DashboardHeroComponentfixture  = TestBed.createComponent(TestHostComponent);testHost = fixture.componentInstance;heroEl   = fixture.debugElement.query(By.css('.hero')); // find herofixture.detectChanges(); // trigger initial data binding
});

it('should display hero name', () => {const expectedPipedName = testHost.hero.name.toUpperCase();expect(heroEl.nativeElement.textContent).toContain(expectedPipedName);
});it('should raise selected event when clicked', () => {click(heroEl);// selected hero should be the same data bound heroexpect(testHost.selectedHero).toBe(testHost.hero);
});

constructor(private router: Router,private heroService: HeroService) {
}

gotoDetail(hero: Hero) {let url = `/heroes/${hero.id}`;this.router.navigateByUrl(url);
}

class RouterStub {navigateByUrl(url: string) { return url; }
}

beforeEach( async(() => {TestBed.configureTestingModule({providers: [{ provide: HeroService, useClass: FakeHeroService },{ provide: Router,      useClass: RouterStub }]}).compileComponents().then(() => {fixture = TestBed.createComponent(DashboardComponent);comp = fixture.componentInstance;});

it('should tell ROUTER to navigate when hero clicked',inject([Router], (router: Router) => { // ...const spy = spyOn(router, 'navigateByUrl');heroClick(); // trigger click on first inner <div class="hero">// args passed to router.navigateByUrl()const navArgs = spy.calls.first().args[0];// expecting to navigate to id of the component's first heroconst id = comp.heroes[0].id;expect(navArgs).toBe('/heroes/' + id,'should nav to HeroDetail for first hero'); }));

it('should tell ROUTER to navigate when hero clicked',inject([Router], (router: Router) => { // ...
}));

constructor(private heroDetailService: HeroDetailService,private route:  ActivatedRoute,private router: Router) {
}

ngOnInit(): void {// get hero when `id` param changesthis.route.paramMap.subscribe(p => this.getHero(p.has('id') && p.get('id')));
}

import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { convertToParamMap, ParamMap } from '@angular/router';@Injectable()
export class ActivatedRouteStub {// ActivatedRoute.paramMap is Observableprivate subject = new BehaviorSubject(convertToParamMap(this.testParamMap));paramMap = this.subject.asObservable();// Test parametersprivate _testParamMap: ParamMap; get testParamMap() { return this._testParamMap; } set testParamMap(params: {}) { this._testParamMap = convertToParamMap(params); this.subject.next(this._testParamMap); } // ActivatedRoute.snapshot.paramMap get snapshot() { return { paramMap: this.testParamMap }; } }

describe('when navigate to existing hero', () => {let expectedHero: Hero;beforeEach( async(() => {expectedHero = firstHero;activatedRoute.testParamMap = { id: expectedHero.id };createComponent();}));it('should display that hero\'s name', () => {expect(page.nameDisplay.textContent).toBe(expectedHero.name);});
});