Question

我使用水豚和黄瓜上传文件有问题。

HTML如下

<div class="dyn-crm-upload-btn-container">
  <label class="btn btn-primary btn-sm" data-bind="visible: newCrmBtnEnabled, enabled: fileEditEnabled">
    <i class="fa fa-plus"></i> 
      <span data-bind="i18n:panels.partnerCrm.new" data-i18n="panels.partnerCrm.new">NEW</span> 
      <input id="dyn-crm-file-input" class="dyn-crm-upload-btn" type="file" name="file" accept=".csv" data-bind="events: { change: setFileToNewName }"></label>
</div>

如果我有manualy选择了一个文件，那么HTML就会在一个新的div中跟随

    <div data-bind="visible: fileUploadVisible" class="dyn-crm-file-upload" style="">
<input type="text" data-bind="value: fileToUpload.name, i18n:[placeholder]panels.partnerCrm.fileUpload.enterName" maxlength="20" class="k-textbox dyn-crm-filename" id="dynCrmFilename" data-value-update="keyup" data-i18n="[placeholder]panels.partnerCrm.fileUpload.enterName" placeholder="File name"> 
<input type="button" data-bind="click: uploadFileCrmFile,i18n:[value]panels.partnerCrm.fileUpload.upload" value="Upload" class="btn btn-primary" data-i18n="[value]panels.partnerCrm.fileUpload.upload"><div class="file-upload-progress-container">
</div>

我试过这个

attach_file(find('file',:visible=>false),File.absolute_path('C:/Users/user/test.csv'))

这个

attach_file('file',File.absolute_path('C:/Users/user/test.csv'))

以及其他一些变体，但我收到以下错误

 Unable to find file field "file"

或使用id

时

 Unable to find file field "dyn-crm-file-input"

此外，我尝试在attach_file上传之前执行一些脚本。

我正在使用

cucumber 2.1.0
ruby 2.1.6
nokogiri 1.6.6.2
capybara 2.4.4
selenium-webdriver 2.47.1

提前致谢：）

EDITED

以下是css图片的链接： css picture。

Answer 1

Capybara一般不能在非可见文件输入上调用attach_file。要解决此问题，您需要使用#execute_script修改文件输入css，使其在页面上可见，然后在其上使用attach_file。

Answer 2

正如我想象的那样，您必须使用jQuery将元素的display:none更改为display:block，例如。

要实现tis，您可以在附加文件之前尝试使用：

page.execute_script("$('.dyn-crm-upload-btn-container').css('display','block')")

在capybara中通过标签标签上传文件

2 个答案: