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

Question

尝试使用Taiko实现UI自动化。尝试上载csv文件，但提供csv文件选择器的id不起作用。在文件上传链接文件启动{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()

所有这些都不起作用，最后我尝试了如下

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

还是不能用太子上传文件。

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

现在在angular web项目中尝试Taiko是不是太早了？

你有没有推荐其他的UI自动化框架，可以和任何angular版本很好地协同工作？

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}))