在水豚中通过标签标签上传文件

Question

我在使用 capybara 和 cucumber 上传文件时遇到问题。

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>

如果我手动选择了一个文件，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

提前致谢:)

已编辑

这是css图片的链接： css picture。

Answer 1

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

要实现 tis，您可以在附加文件之前尝试这样做：

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

Answer 2

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