title: Protractor getting DOM element and using their properties
body: <p>I'm running e2e tests with Protractor and Selenium on a Polymer/Angular App.
  Most of the elements are in the shadow DOM (I managed to handle it with custom css locators but it made my tests unstable as any change in the dom breaks them). The problem is that the devs have implemented a virtual scroll list : 
  Only a few items are loaded in the scroll list, next ones are loaded when you scroll.
  I asked my devs how to deal with it and they told me I had to get the web-component and test it without protractor aka running commands like this :</p>
  
  <pre><code>document.querySelector('virtual-scroll').baseList
  </code></pre>
  
  <p>Where baseList is a public property of the  tag.
  I tried </p>
  
  <pre><code>var element = browser.executeScript('return document.querySelector("virtual-scroll")');
  element.then(function (el){
    console.log(el.$.baseList);
  });
  </code></pre>
  
  <p>but the command above returns a WebElement. Is there any way to return the HTML DOM element as a javascript querySelector command does ?</p>
  
  <p><strong>EDIT :</strong> as requested the source code with the property of the scrollList that I want to get <a href="https://i.stack.imgur.com/UmrRM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UmrRM.png" alt="enter image description here"></a></p>