title: Testcafe - Selecting checkbox using id always end up with the full timeout wait
body: <p>Our html codes for checkbox always look something  like this</p>
  
  <p><code>&lt;div id="paymentCheckBoxesMod" class="c-form__checkbox-container u-spacing__margin-bottom--16 u-spacing__margin-top--16"&gt;
  &lt;input type="checkbox" id="supplementaryAgreement" aria-describedby="paymentsCheckboxLabel"&gt;
  &lt;label for="supplementaryAgreement"&gt;
  &lt;/label&gt;</code>
  <code>&lt;div id="paymentsCheckboxLabel"&gt;
  Jag godkänner Storytels &lt;span id="purchasetermspopup"&gt;Köpvillkor&lt;/span&gt; &amp; &lt;span id="privacypolicypopup"&gt;Integritetspolicy&lt;/span&gt;
  &lt;/div&gt;
  &lt;/div&gt;</code></p>
  
  <p>ive always located the element using the label's <code>for="supplementaryAgreement"</code> because if i use the input's <code>id="supplementaryAgreement"</code>i end up having to wait for the timeout duration before the element is located. Does anyone know why?</p>
  
  <p>so that has worked fine until i have to work for iframes and although ive already switched back to mainframe however i will get the error that there is no match on the DOM tree if i use <code>for="supplementaryAgreement"</code> now. It still work with <code>id="supplementaryAgreement"</code> but having to wait for it to timeout doesn't seem efficient. </p>