title: TestCafe: web application (XAF Application) with dynamic ids
body: <p>I'm a new user of TestCafe, and I have a problem: the web application that I'm testing has elements with dynamic ids. So when I run my test, I have an error because the Selector not find the element in the exam. How to resolve this problem? Can you help me? </p>
  
  <pre class="lang-js prettyprint-override"><code>    import { Selector } from 'testcafe';
  
      fixture `test1212`
          .page `192.168.1.26:801/Login.aspx?ReturnUrl=%2f`;
  
      test('New Test 1', async t =&gt; {
          await t
              .typeText(Selector('#Logon_v0_38054418_MainLayoutEdit_xaf_l13_xaf_dviUserName_Edit_I'), 'TMZ\\rossimarta')
              .pressKey('tab')
              .typeText(Selector('#Logon_v0_38054418_MainLayoutEdit_xaf_l17_xaf_dviPassword_Edit_I'), 'gipstech02')
              .click(Selector('span').withText('Accedi'));
      });
  </code></pre>
  
  <p>The Selector's parameter is the id of the element in the exam, but this id change for each access of the page. So when I run my test, I have an error. </p>
  
  <p>thanks, guys!</p>