如何在 Dropzone 上手动触发上传文件事件
How to manually trigger a upload file event on Dropzone
我将 Dropzonejs 很好地集成到我的前端 (VueJS) 中。
我在使用 Webdriver / Codeception 对 Dropzone 进行验收测试时遇到问题。底线是 Webdriver 需要一个文件输入,这样它也可以附加文件。
<input id="file_upload" type="file" name="file"/>
有什么方法可以在 dropzone 实例中手动触发上传?我可以在页面上放置一个按钮并在 dropzone 内触发上传,但保留其功能。此输入仅在我的前端配置设置为 <> PRODUCTION 时呈现。
提前致谢!
编辑:
我刚刚发现 Dropzonejs 会默认将隐藏输入 (.dz-hidden-input) 添加到正文,或者您希望使用 de hiddenInputContainer 选项。
该输入直接连接到 Dropzone,如果您编辑源并使其不隐藏并使用它来选择文件,队列过程会自动运行。这就是我需要的!
问题是输入是隐藏的,如果输入是隐藏的,我的测试套件 + selenium webdriver 无法与输入交互。有什么方法可以在不改变默认行为的情况下使其可见?
谢谢!
Selenium 只能通过 $I->attachFile 方法处理文件输入。我放弃了 dropzonejs,转而使用另一个实现 a 的解决方案(定制的),现在一切都很好!
这对我有用
进行测试
$I->attachFile('input.dz-hidden-input', 'your_file.txt');
我将 Dropzonejs 很好地集成到我的前端 (VueJS) 中。
我在使用 Webdriver / Codeception 对 Dropzone 进行验收测试时遇到问题。底线是 Webdriver 需要一个文件输入,这样它也可以附加文件。
<input id="file_upload" type="file" name="file"/>
有什么方法可以在 dropzone 实例中手动触发上传?我可以在页面上放置一个按钮并在 dropzone 内触发上传,但保留其功能。此输入仅在我的前端配置设置为 <> PRODUCTION 时呈现。
提前致谢!
编辑:
我刚刚发现 Dropzonejs 会默认将隐藏输入 (.dz-hidden-input) 添加到正文,或者您希望使用 de hiddenInputContainer 选项。 该输入直接连接到 Dropzone,如果您编辑源并使其不隐藏并使用它来选择文件,队列过程会自动运行。这就是我需要的!
问题是输入是隐藏的,如果输入是隐藏的,我的测试套件 + selenium webdriver 无法与输入交互。有什么方法可以在不改变默认行为的情况下使其可见?
谢谢!
Selenium 只能通过 $I->attachFile 方法处理文件输入。我放弃了 dropzonejs,转而使用另一个实现 a 的解决方案(定制的),现在一切都很好!
这对我有用
进行测试
$I->attachFile('input.dz-hidden-input', 'your_file.txt');