title: .count(); is not a function
body: <p>So I have been trying to understand what I am doing wrong and I don't seem to understand it!</p>
  
  <p>Before I continue here is the code I am trying to work on</p>
  
  <pre><code>it('Clicked all remove button', async function () {
      // Im assuming here that `getRemoveButtonDesktop()` returns a promise of web element array.
      let allBtns = await element.all(by.className('btn btn-remove btn-outlined desktop'));
      // ElementArrayFinder.count() returns a promise that is resolved into a number
      let countElement = await allBtns.count();
      console.log('Find buttons: ', countElement)
  
      for (let i = 0; i &lt; countElement; i++) { // let variables are scoped to the immediate enclosing block denoted by { }
          // ElementArrayFinder.first() returns a promise
          const firstRemoveButton = await detailsSpecs.getRemoveButtonDesktop().first();
          await utils.click(firstRemoveButton);
          await browser.sleep(1000) // sleep 1s
      }
  });
  </code></pre>
  
  <p>and the error I am getting is:</p>
  
  <pre><code>  1) Details page
         Clicked all remove button:
       TypeError: allBtns.count is not a function
        at Context.&lt;anonymous&gt; (pagesDesktop\detailsPage.js:208:36)
        at runMicrotasks (&lt;anonymous&gt;)
        at processTicksAndRejections (internal/process/task_queues.js:93:5)
  </code></pre>
  
  <p>What it supposed to do is to count all "allBtns" where it later on will loop depending on how many elements it found but it seems to not knowing that .count is not a function.</p>
  
  <p>EDIT: Im using Protractor with JS.</p>
  
  <p>getRemoveButtonDesktop = <code>removeButtonDesktop: element.all(by.className('btn btn-remove btn-outlined desktop')),</code>
  What am I doing wrong?</p>