title: deepCss is failing to identify an element inside the shadow root in Protractor
body: <p>Can not identify button which inside the ShadowRoot in protractor.  </p>
  
  <p>I have tried using deepCss as follows,   </p>
  
  <p><code>this.startNowButton = element(by.deepCss('button[class="apply-now"]'));</code></p>
  
  <p>But I am getting </p>
  
  <p><code>NoSuchElementError: No element found using locator: By(css selector, * /deep/ button[class="apply-now"])</code></p>
  
  <p>Is this the correct way to identify the elements inside the ShadowRoot for Protractor? Thanks </p>
  
  <p>my HTML page is similar to as follows, </p>
  
  <pre><code>&lt;div id="modal"&gt;
  &lt;div class="push-wrap"&gt;
     &lt;header id ="site-header"&gt;
        &lt;hmy-cms-header class="hydrated"&gt;
           #shadow-root (open)
             &lt;header&gt;
                 &lt;div class=notification-banner&gt; ... &lt;/div&gt;
                 &lt;div class="ca"&gt;
                    &lt;button class="apply-now"&gt;"Apply"&lt;span&gt;now&lt;/span&gt;
  </code></pre>