title: How to access angular md-tab elements from protractor?
body: <p>Html:</p>
  
  <pre><code>&lt;md-tab-group class="my-tab-group"&gt;
      &lt;md-tab class="my-tab"&gt;&lt;/md-tab&gt;
      &lt;md-tab class="my-tab"&gt;&lt;/md-tab&gt;
  &lt;/md-tab-group&gt;
  </code></pre>
  
  <p>e2e test:    </p>
  
  <pre><code>elems = element(by.css('.my-tab-group')).all(by.css('.my-tab'))
  expect(elems).toBeTruthy();
  expect(elems.count()).toEqual(2);
  </code></pre>
  
  <p>This test is failing: <code>Expected 0 to equal 2</code>.</p>
  
  <p>Why protractor is not able to identify the number of tabs. This is happening due to angular element <code>md-tab-group</code>. If I comment <code>md-tab-group</code>, I am able to access tabs. How to access the tab elements when <code>md-tab-group</code> is present?</p>
  
  <p>P.S. I am using Angular 4.0</p>