Testcafe：本机对话窗口处理

Question

我正在尝试使用 Testcafe 将文件上传到我正在测试的站点（使用 Chrome）。以下是我目前的代码，

    await t
        .setFilesToUpload(Selector('input.btn.btn-link.d-none'), file_path)

    await t
          .setNativeDialogHandler(() => true)
                  .click('#Ok');

一旦我尝试上传文件，浏览器会弹出一个原生对话窗口，我的选项是“打开”/“取消”。如何点击“打开”？另外我不知道如何获取 Selector for Open 按钮。

我在 Linux 上运行它，Java Script。以下是错误，

   1) The specified selector does not match any element in the DOM tree.

       > | Selector('#Open')

      Browser: HeadlessChrome 78.0.3904 / Linux 0.0.0
      Screenshot: /app/code/screenshots/2019-12-11_22-28-52/test-2/HeadlessChrome_78.0.3904_Linux_0.0.0/errors/1.png

         71 |            //.handleAlert().click()
         72 |            //.click('#Open');
         73 |
         74 |        await t
         75 |              .setNativeDialogHandler(() => true)
       > 76 |                      .click('#Open');
         77 |
         78 |        const history = await t.getNativeDialogHistory();
         79 |        await console.log(history);
         80 |    }
         81 |}

         at <anonymous> (/app/code/gen_lib/gen_lib.js:76:24)

Answer 1

async uploadFile() {
    await this.t
        .setFilesToUpload(<Your input selector>, [
            'path to file/Image.jpg'
        ])
}