testcafe: MacOS: setFilesToUpload() gives "Uncaught RangeError: Maximum call stack size exceeded"

Are you requesting a feature or reporting a bug?

BUG

What is the current behavior?

When running the testcafe on MacOS: Uncaught RangeError: Maximum call stack size exceeded

 1) Error on page "http://localhost:4200/":

      Uncaught RangeError: Maximum call stack size exceeded

      Browser: Chrome 60.0.3112 / Mac OS X 10.12.6

         22 |
         23 |            // upload file 
         24 |            await t
       > 25 |                .setFilesToUpload('#excelFileChooser',
      ['./xlsfiles/' + file + '.xls'])

Running on Windows is fine == no error. Running same sequence manually works fine on Mac and Windows.

What is the expected behavior?

No error

How would you reproduce the current behavior (if this is a bug)?

Create a Angular 4 project with Angular-CLI. Create a input for files:

<input #fileInput id="excelFileChooser" (change)="fileUpload(fileInput)" type="file" title="Select a Excel file ..." onclick="this.value = null" name="xls" accept=".xls, .xlsx">

A previous project that was built with vanilla JS worked with:

    <input id="fileChooser" class="handPointer" type="file" name="userfile">
    <img id="fileChooserButton" class="handPointer" src="./images/button.png" onclick="excelFileSelected()">

Provide the test code and the tested page URL (if applicable)

Test code

 await t
          .setFilesToUpload('#excelFileChooser', ['./xlsfiles/' + file + '.xls']

Specify your

• operating system: Windows 10 and MacOS Sierra
• browser: Chrome 60 (latest)
• testcafe version: 17.1
• node.js version: 8.2.1