Taiko UI 自动化 angular - 无法使用 fileField 上传 csv 文件

Question

正在试验 Taiko 以实现 UI 自动化。尝试上传 csv 文件但提供 csv 文件选择器的 ID 无效。文件上传 link 文件顶部的红色矩形轮廓 blinks 触发 {attach("/Users/username/Downloads/report.csv",$('*[id="some"]') )} 但在控制台中显示以下错误消息。

Error: Node is not a file input element, run `.trace` for more info.

HTML

我已经尝试遵循 https://docs.taiko.dev/#filefield

中的字段示例

attach('report.csv', to(fileField('Upload CSV file (Optional)')))
fileField('Upload CSV file (Optional)').exists()
fileField({'id':'event-csv-upload'}).exists()
fileField({id:'event-csv-upload'},below('Upload CSV file (Optional)')).exists()
fileField(below('Upload CSV file (Optional)')).exists()

none 有效，最后尝试了以下

attach("/Users/username/Downloads/report.csv",$('*[id="event-csv-upload"]'))
and
attach("/Users/username/Downloads/report.csv",fileField({id:'event-csv-upload'}))

source:https://github.com/getgauge/taiko/issues/309

仍然无法使用 Taiko 上传文件。

为什么这个文件上传元素很难在 angular 代码中找到？

现在为 angular 网络项目尝试 Taiko 是否为时过早？

您是否推荐与任何 angular 版本兼容的任何其他 UI 自动化框架？

Answer 1

attach 期望文件输入字段作为选择器执行操作，在您的情况下，该元素似乎是链接到按钮的隐藏元素，附加到该隐藏元素应该有效。试试，

await attach("/Users/username/Downloads/report.csv",fileField({id:'eventCSVFileInput'},{ selectHiddenElements: true }))

Answer 2

试试这个

await attach("/Users/username/Downloads/report.csv",fileField({id:'eventCSVFileInput'},{force:true}))

Taiko UI 自动化 angular - 无法使用 fileField 上传 csv 文件

Taiko UI automation angular - Unable to use fileField to upload a csv file

node.js

csv

angular-ui-router

ui-automation

browser-automation