export function main() {
  // TODO It's hard to test. It will be solved by https://github.com/angular/angular/issues/4112.
  xdescribe('UserEditPage', () => {

    var ctx:TestContext;

    var cmpDebugElement:DebugElement;

    var routeParams:RouteParams;

    beforeEachProviders(() => {
      routeParams = jasmine.createSpyObj('routeParams', ['get']);

      return [
        APP_TEST_PROVIDERS,
        provide(RouteParams, {useValue: routeParams}),
      ]
    });
    beforeEach(createTestContext(_  => ctx = _));

    beforeEach(done => {
      ctx.init(TestCmp)
        .finally(done)
        .subscribe(() => {
          cmpDebugElement = ctx.fixture.debugElement.query(By.directive(UserEditPage));
        }, console.error);
    });

    it('can be shown', () => {
      expect(cmpDebugElement).toBeTruthy();
    });

  });
}

                       });
});
// #enddocregion

// #docregion fdescribe
fdescribe('some component', () => {
  it('has a test', () => {
                       // This test will run.
                   });
});
describe('another component',
         () => { it('also has a test', () => { throw 'This test will not run.'; }); });
// #enddocregion

// #docregion xdescribe
xdescribe('some component', () => { it('has a test', () => {throw 'This test will not run.'}); });
describe('another component', () => {
  it('also has a test', () => {
                            // This test will run.
                        });
});
// #enddocregion

// #docregion fit
describe('some component', () => {
  fit('has a test', () => {
                        // This test will run.
                    });
  it('has another test', () => { throw 'This test will not run.'; });
});
// #enddocregion

  it('should run a passing test', () => {
    expect(true).toEqual(true, 'should pass');
  });
});

xdescribe('AppComponent', function () {
  beforeEachProviders(() => [
    provide(APP_BASE_HREF, { useValue: '/' }),
    provide(ApplicationRef, { useClass: MockApplicationRef }),
    provide(ROUTER_PRIMARY_COMPONENT, { useValue: AppComponent })
  ]);

  it('should instantiate component',
    injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {

      return tcb.createAsync(AppComponent).then(fixture => {
        expect(fixture.componentInstance instanceof AppComponent).toBe(true, 'should create AppComponent');
      });
    }));

  xit('should have expected <h1> text',
    injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => {

      return tcb.createAsync(AppComponent).then(fixture => {
        // fixture.detectChanges();  // need for a binding; we don't have one
        let h1 = fixture.debugElement.query(el => el.name === 'h1').nativeElement;
        expect(h1.innerText).toMatch(/angular 2 app/i, '<h1> should say something about "Angular 2 App"');
      });
    }));
});

xdescribe('TNSYourPluginComponent', () => {
  let fixture;
  
  //setup
  beforeEachProviders(() => [
    TestComponentBuilder
  ]);

  beforeEach(injectAsync([TestComponentBuilder], tcb => {
    return tcb.overrideTemplate(TNSYourPluginComponent, (`
    <StackLayout>
      <SegmentedBar (selectedIndexChanged)="changeOption($event)"></SegmentedBar>
    </StackLayout>
    `)).createAsync(TestComponent)
      .then(f => fixture = f);
  }));

  it('should ...', () => {
    let container = fixture.componentInstance,
      div = fixture.nativeElement.querySelector('StackLayout');
    expect(div.textContent).toBe('');
  });

  @Component({
    selector: 'test',
    directives: [TNSYourPluginComponent],
    template: `
    <plugin></plugin>
    `
  })
  class TestComponent {}  

});