How to test JQuery-file-upload with RSpec and Capybara

Question

I have implemented a JQuery-file-upload in my Rails4 app. File upload works when I manually test it from the browser, but my test for it fails.

Below is my spec for the JQuery-file-upload: require 'spec_helper'

feature 'Evidences' do
  context "as an assessor user" do
    let!(:assessor) { User.make! :assessor }
    let!(:assessment)  { Assessment.make! }

    background { sign_in assessor }

    scenario "it uploads evidence", js: true do
      evidences_count_before_upload = assessment.evidences.count
      visit edit_assessment_path(assessment)

      path = "#{Rails.root}/spec/fixtures/files/sample1.doc"
      attach_file 'evidence_file_url', path

      expect(assessment.evidences.count).to eq(evidences_count_before_upload + 1)
    end
  end
end

I'm using RSpec 2, Capybara 2 and Poltergeist for this feature spec.

Community · Accepted Answer · 2017-05-23 12:06:04Z

1

I am also using JQuery-file-upload with RSpec and Capybara. I am using the capybara-webkit driver, but this should work with selenium as well.

See the example method and usage found in this answer: https://stackoverflow.com/a/11203629/1084109

edited May 23, 2017 at 12:06

CommunityBot

11 silver badge

answered Mar 14, 2014 at 23:45

McFadden

1,6701 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:21:46Z

0

Although you didn't say how / why your test fails: A common problem here is that the file-field is hidden, so capybara treats it as not there.

A solution that worked for me is to execute a script to show the file field, something along the lines of:

script = "$('input[type=file]').show();"
page.driver.browser.execute_script(script)

You might also need to hide your custom upload button / label. See also: Capybara, capybara-webkit and custom file upload form

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Aug 29, 2013 at 10:53

trueunlessfalse

1,24311 silver badges16 bronze badges

Comments

Markus · Accepted Answer · 2015-07-03 17:38:27Z

0

This is a problem with poltergeist. Using another driver (for example selenium-webdriver) should resolve the issue. It appears that file upload events are not triggerred correctly with poltergeist.

(I have some jquery ajax file upload tests and the same problems: My file upload tests only do not work with poltergeist)

There is an closed issue where someone describes the same symptomps. But no clear solution.

answered Jul 3, 2015 at 17:38

Markus

5,8276 gold badges51 silver badges65 bronze badges

Collectives™ on Stack Overflow

How to test JQuery-file-upload with RSpec and Capybara

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related