test: fix existing tests by removing usage of obsolete stuff like component level directives, AsyncCompleter and TestComponentBuilder

modules/@angular/examples/core/pipes/ts/async_pipe/async_pipe_example.ts

@@ -55,7 +55,6 @@ class Task {
 
 @Component({
   selector: 'example-app',
-  directives: [AsyncPipeExample],
   template: `
     <h1>AsyncPipe Example</h1>
     <async-example></async-example>
@@ -64,7 +63,8 @@ class Task {
 export class AppCmp {
 }
 
-@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+@NgModule(
+    {declarations: [AsyncPipeExample, AppCmp, Task], imports: [BrowserModule], bootstrap: [AppCmp]})
 class AppModule {
 }
 

modules/@angular/examples/core/pipes/ts/date_pipe/date_pipe_example.ts

@@ -26,7 +26,6 @@ export class DatePipeExample {
 
 @Component({
   selector: 'example-app',
-  directives: [DatePipeExample],
   template: `
     <h1>DatePipe Example</h1>
     <date-example></date-example>
@@ -35,10 +34,10 @@ export class DatePipeExample {
 export class AppCmp {
 }
 
-@NgModule({imports: [BrowserModule], bootstrap: [AppCmp]})
+@NgModule({declarations: [DatePipeExample, AppCmp], imports: [BrowserModule], bootstrap: [AppCmp]})
 class AppModule {
 }
 
 export function main() {
   platformBrowserDynamic().bootstrapModule(AppModule);
-}
+}

modules/@angular/examples/core/pipes/ts/json_pipe/json_pipe_example.ts

@@ -27,7 +27,6 @@ export class JsonPipeExample {
 
 @Component({
   selector: 'example-app',
-  directives: [JsonPipeExample],
   template: `
     <h1>JsonPipe Example</h1>
     <json-example></json-example>
@@ -42,4 +41,4 @@ class AppModule {
 
 export function main() {
   platformBrowserDynamic().bootstrapModule(AppModule);
-}
+}

modules/@angular/examples/core/pipes/ts/lowerupper_pipe/lowerupper_pipe_example.ts

@@ -27,7 +27,6 @@ export class LowerUpperPipeExample {
 
 @Component({
   selector: 'example-app',
-  directives: [LowerUpperPipeExample],
   template: `
     <h1>LowercasePipe &amp; UppercasePipe Example</h1>
     <lowerupper-example></lowerupper-example>

modules/@angular/examples/core/pipes/ts/number_pipe/number_pipe_example.ts

@@ -56,7 +56,6 @@ export class CurrencyPipeExample {
 
 @Component({
   selector: 'example-app',
-  directives: [NumberPipeExample, PercentPipeExample, CurrencyPipeExample],
   template: `
     <h1>Numeric Pipe Examples</h1>
     <h2>NumberPipe Example</h2>

modules/@angular/examples/core/pipes/ts/slice_pipe/slice_pipe_example.ts

@@ -41,7 +41,6 @@ export class SlicePipeListExample {
 
 @Component({
   selector: 'example-app',
-  directives: [SlicePipeListExample, SlicePipeStringExample],
   template: `
     <h1>SlicePipe Examples</h1>
     <slice-list-example></slice-list-example>
@@ -57,4 +56,4 @@ class AppModule {
 
 export function main() {
   platformBrowserDynamic().bootstrapModule(AppModule);
-}
+}

modules/@angular/examples/core/ts/metadata/metadata.ts

@@ -11,7 +11,7 @@ import {Attribute, Component, Directive, Pipe} from '@angular/core';
 class CustomDirective {};
 
 // #docregion component
-@Component({selector: 'greet', template: 'Hello {{name}}!', directives: [CustomDirective]})
+@Component({selector: 'greet', template: 'Hello {{name}}!'})
 class Greet {
   name: string = 'World';
 }