title: How to wait for a file to download before proceeding to the next test in TestCafe
body: <p>This is a kind of test I am trying to run in test cafe v1.0.1, I am relatively new to this.</p>
  
  <p>This my test.js file where I have three different test cases R03, R05, R06 
  each after clicking on the SUBMIT button downloads an EXCEL file.  </p>
  
  <p>But before the download is finished, the browser closes and moves on to the next test.  </p>
  
  <p>How can I let the browser wait until the document is downloaded before moving onto the next test (say r05 in my case)?</p>
  
  <pre><code>import { Selector } from 'testcafe';
  
  fixture `First Fixture`
      .page `http://devexpress.github.io/testcafe/example`;
  
  test('R03', async t =&gt; {
      await t  
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Year_1'))
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Location_1'))
          .click(Selector('span').withText('SUBMIT'))
   });
  test('R05', async t =&gt; {
      await t
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Year_2'))
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Location_2'))
          .click(Selector('span').withText('SUBMIT'))
   });
  
  test('R06', async t =&gt; {
      await t
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Year_3'))
          .click(Selector('[data-bind^="css:{ \\\'dx-state-disabled\\\'].find('div').withText('Location_3'))
          .click(Selector('span').withText('SUBMIT'))
   });
  </code></pre>