使用capybara rspec测试cloudinary直接上传镜像

Question

我正在尝试通过水豚测试cloudinary直接上传，但是水豚说它找不到图像上传域。如何测试直接上传？

picture_spec.rb

require 'spec_helper'

feature "User Pictures" do
  let(:user) { create(:user) }

  describe "Uploading an image" do 
    describe "for profile photo" do 
      it "raises an error when clicked outside cropping image so image is not cropped" do
        visit new_user_picture_path(user)
        attach_file('#photo upload', "#{Rails.root}/spec/support/images/PRATIQUE_BIG.png")
        click_on "Valider Photo"
        expect(page).to have_content "SVP crop votre image et celle-ci doit mesurer au moins 100 x 100px"
      end
    end
  end

end

新图片页面

= form_for(@photo, :url => url, role: "form") do |f|          
                .form_line.form-group
                    .upload_button_holder
                        = link_to "Parcourir", "#", class: "btn btn-default upload_button form-control"
                        #photo-upload= f.cl_image_upload :image, class: "form-control" 
                    %span.status
                .form-group
                    .form_control
                        .preview
                = f.hidden_field :crop_x 
                = f.hidden_field :crop_y 
                = f.hidden_field :crop_w 
                = f.hidden_field :crop_h 
                .form-group
                    = f.submit "Valider Photo", class: "btn btn-lg btn-success" 

            = hidden_field_tag :direct, params[:direct] 
        %p= link_to "Retour à Mon Profil", profile_path(current_user.user_code)
 // Configure Cloudinary jQuery plugin 
 = cloudinary_js_config 

水豚然后把Unable to find file field "photo-upload"还给他

Answer 1

对于cl_image_upload，字段的名称始终为file。photo-update是周围div的id。您可以通过向cl_image_upload传递html: {id: "my-id"}来为文件输入字段分配一个id。顺便说一句。类也属于html散列参数内部。