Techioz Blog

Capybara::ElementNotFound: ファイル フィールド「file」が見つかりません

概要

ファイルのアップロード、つまりCSVをテストしています。私のコードとブラウザのHTMLでファイルフィールドを見つけましたが、テスト中にカピバラはファイルフィールドを見つけることができません。さまざまなアプローチを一生懸命試みましたが、問題を解決できませんでした。ここで部分的には次のようになります。

#add_file_box
  %div.msg
  %h1.page-header
    = "Upload a CSV"
  %h4.title

  = form_tag dummy_path, multipart: true, class: "upload_csv" do
    = hidden_field_tag :dmp_id, @dmp.id
    .form-group
      .input-group
        %span.input-group-btn
          %span.btn.btn-primary.btn-file
            Choose file
            = file_field_tag :file, style: 'line-height: normal',  accept: "text/csv", class: "file_input"
        %input.form-control.input-custom{:readonly => "", :type => "text"}
    .form-group
      = submit_tag "Upload CSV", class: "btn btn-primary", id: "upload_csv"

カピバラのテストはこんな感じ

 within '.upload_csv' do
     page.attach_file('file', "#{Rails.root}/spec/acceptance/test_uploads/input_output.csv")
     click_button 'Upload'
   end

この問題の解決を手伝っていただければ幸いです。

解決策

Capybara 2x (capybara の問題) は、デフォルトでは隠し要素を見つけません。

ignore_hidden_elements を false に設定することもできます。

Capybara.ignore_hidden_elements = false

または、メソッドに :visible オプションを追加するだけです。

within '.upload_csv' do
  attach_file('file', "#{Rails.root}/spec/acceptance/test_uploads/input_output.csv", visible: false)
    click_button 'Upload'
end

これで私の問題は解決しました。

注: :visible オプションは、内部で Capybara::Query と連携するほとんどの Capybara メソッド (find、all、has_css?、have_selector など) でもサポートされています。