Tabs animations

I’m using version 2.0.0-alpha.11 of angular/material and I’m wondering if there was a way to disable the tab animations.

I’m also running into issues in my karma tests where the tabs don’t change, which may be caused by the animations, since I didn’t have this issue with alpha.10. Do I need to add an additional import or dependency to the TestBed to get this working?

Here is the test and selectChange method for the tab group:

it('should change activeTabIndex when tab changes', async(() => {
    let fixture = TestBed.createComponent(AppComponent);
    let component = fixture.componentInstance;

    fixture.detectChanges();

    let compiled = fixture.debugElement.nativeElement;
    let tabs = compiled.querySelectorAll('.md-tab-label');
    tabs[1].click();	// change to something other than tab 0
    expect(component.activeTabIndex).toBe(1);
 }));

  selectChange(event: MdTabChangeEvent): void {
    this.activeTabIndex = event.index;
    console.log(event.index);
  }

[crisbeto]

In our tests it also looks like we flush the timeouts. Try changing your test to this:

import {fakeAsync} from '@angular/core/testing';

it('should change activeTabIndex when tab changes', fakeAsync(() => {
  let fixture = TestBed.createComponent(AppComponent);
  let component = fixture.componentInstance;

  fixture.detectChanges();

  let compiled = fixture.debugElement.nativeElement;
  let tabs = compiled.querySelectorAll('.md-tab-label');
  tabs[1].click();  // change to something other than tab 0
  
  fixture.detectChanges();
  tick();

  expect(component.activeTabIndex).toBe(1);
}));

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}