feat(tabs): adds e2e tests for tabs

[robertmesserle]

closes #549

R: @jelbourn

[jelbourn]

Update this for demo-app as well?

[devversion]

You could probably use this PR for the a11y test fixes instead of #654 (because lang="en" on the demo-app will fix one)

[andresdominguez]

To assert that the tabs contain a class you can do something like this:

// Note: $$('.abc') === element.all(by.css('.abc'))
let tabsActive = $$('.md-tab-label').map((item, index) => {
  // Note: I am creating an array that contains {index, isActive} where isActive means that
  // it has the active class
  return {
    index: index,
    isActive: item.getAttribute('class').then(
        classAttr => !!classAttr.match('dropdown'))
  };
});

expect(tabsActive).toEqual([
  {index: 0, isActive: false}, 
  {index: 1, isActive: true},
  {index: 2, isActive: false}
]);

Or you can just do:

let tabsActive = $$('.md-tab-label')
    .map(item => item.getAttribute('class')
        .then(classAttr => !!classAttr.match('dropdown')));

expect(tabsActive).toEqual([false, true, false]);

[robertmesserle]

@jelbourn This should be okay to merge now.

[jelbourn]

import {ElementArrayFinder} from ... ? etc.

[robertmesserle]

Apparently, this is how WebStorm fixed my code.

[jelbourn]

@robertmesserle needs a rebase on top of the new router. LGTM aside from that (and one minor nit).

Feel free to merge directly after rebase.

[angular-automatic-lock-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.}