Rspec + Capybara : How to click on alert box

Question

I have gone through the post of capybara + click on alert box but nothing seems to be work. Following is my scenario:

Scenario: When I click update button An alert box appears which contains "OK" and "Cancel" button. Click on "Ok" then new form appears.

I am writing request specs i.e. using rspec and capybara. Main problem is to click on the alert box: Following is my code:
```
 context "update" do
   before(:all) do
     Capybara.current_driver = :selenium
   end
   after(:all) do
     Capybara.use_default_driver
   end

   it "update user to trainer" do
     click_button('Search')
     sleep 3 
     page.evaluate_script('data-confirm = function() { return true; }')
     page.click('OK')      
     click_button('Upgrade')
   end
 end
```
But executing script gives me following error:

Failure/Error: page.evaluate_script('data-confirm = function() { return true; }') Selenium::WebDriver::Error::UnexpectedJavascriptError: invalid assignment left-hand side # ./spec/requests/user_upgrades_spec.rb:30

For the second example i.e.

page.driver.browser.switch_to.alert.accept

My code :

 context "update" do
   before(:all) do
     Capybara.current_driver = :selenium
   end
   after(:all) do
     Capybara.use_default_driver
   end
   it "update user to trainer" do
     click_button('Search')
     sleep 3   
     click_button('Upgrade') 
     page.driver.browser.switch_to.alert.accept
   end
 end

I get error:

Failure/Error: page.driver.browser.switch_to.alert.accept Selenium::WebDriver::Error::UnhandledError:

Please let me know how to proceed further

You can't name a JavaScript variable with dashes. `data-confirm = function ...` is illegal. It looks like `(foo - bar) = function() { ... }`. That's the `left-hand side # ...user_upgrades_spec.rb:30` error. Name your JavaScript variables with camelCase. — Justin Force, Jun 30 '14 at 22:25
http://stackoverflow.com/questions/27384040/test-alert-dialog-text-using-capybara-webkit-1-3-1 — Dylan L., Apr 05 '17 at 01:28

score 38 · Answer 1 · answered Aug 03 '11 at 09:30

38

You can click on an alert box like this:

page.driver.browser.switch_to.alert.accept

answered Aug 03 '11 at 09:30

solnic

5,733
2
23
19

3

Thanks a lot for the feedback.but i had already used the above code but no success. – Amit Kulkarni Aug 09 '11 at 10:38
3

Not working for me either; plus, I believe the question addresses this method explicitly ( see last error message listed ). So the answer seems to suggest using what the question already states does not work for Amit in his current set up. Considering the context of the question, I have to down vote. Sorry >. – kikuchiyo May 24 '12 at 04:43
Works fine for me using capybara (1.1.2). – gucki May 29 '12 at 13:36
7

This is NOT working with Capybara-webkit, just like for the OP – jipiboily Nov 15 '12 at 14:52
3

Worked for me capybara 1.1.4. Selenium driver – sites Feb 02 '13 at 19:41
2

For capybara-webkit: expect(page.driver.alert_messages.last).to eq text – RidingTheRails Feb 27 '14 at 17:24
See @JillianFoley's answer below. Comes straight out of the current Capybara README and works great. – aaron-coding Jun 12 '15 at 23:03
This doesn't work. Both firefox and chrome under selenium pop out extra alert boxes with a checkbox of 'prevent this dialog from opening new dialogs' ie. UnhandledAlertError – chaostheory Sep 27 '15 at 22:10
Worked for capybara-3.4.2, selenium driver – RyanQuey Sep 05 '19 at 17:01

score 35 · Answer 2 · answered Oct 20 '14 at 18:29

35

Updated answer here, since the options above seem to have all been deprecated.

Capybara::Session#accept_alert seems to be the best way to accomplish this now, where the action that will trigger the alert should be passed in a block. http://www.rubydoc.info/github/jnicklas/capybara/Capybara/Session:accept_alert

e.g.:

page.accept_alert 'Alert text here' do
    click_button('Search')
end

answered Oct 20 '14 at 18:29

Jillian Foley

373
3
7

1

I'm getting an `undefined method `accept_alert' for #` even though per the docs, this is a method for `Capybara::Session`. Any thoughts? – james Jan 13 '15 at 08:16
Could be an older version of Capybara, `accept_alert` was introduced in [Capybara 2.4.1](https://github.com/jnicklas/capybara/blob/master/History.md#version-241). Consider running `bundle update capybara` – Eliot Sykes Jan 16 '15 at 18:37

score 26 · Answer 3 · answered Dec 06 '14 at 02:40

26

page.accept_alert

worked for me using Selenium. Other drivers will probably have their own syntax.

As Jillian Foley mentioned, it seems that other answers have been deprecated.

answered Dec 06 '14 at 02:40

B Seven

44,484
66
240
385

2

As @b-seven mentioned other drivers, at the time of writing, the Poltergeist driver for PhantomJS doesn't yet support `accept_alert`. – Eliot Sykes Jan 16 '15 at 18:40
1

Great! Worked fine for me! @B Seven – Aravin Oct 27 '15 at 11:29

score 15 · Answer 4 · answered Nov 03 '15 at 12:03

15

For WebKit:

page.accept_confirm { click_button "Upgrade" }

For Selenium:

page.driver.browser.switch_to.alert.accept

answered Nov 03 '15 at 12:03

HectorPerez

744
6
11

chrisvanhill · Answer 5 · 2011-12-27T20:40:58.883

13

Try this line if you want to click on the ok button of the alert box:

page.evaluate_script('window.confirm = function() { return true; }')

Don't forget to mark your test with the javascript flag

it "update user to trainer", js: true do
    ...
end

and enable Capybara.javascript_driver with :webkit or :selenium in your spec_helper file

edited Dec 27 '11 at 20:40

answered Dec 27 '11 at 20:35

chrisvanhill

217
3
7

Works with Capybara-Webkit :) – moeabdol Jun 05 '17 at 22:41
Of all the answers, this is the only one that worked for me. – Maayan Naveh Oct 03 '18 at 11:30

score 7 · Answer 6 · answered Jun 13 '17 at 01:02

7

I know this is old but this now works in poltergeist too:

page.accept_alert

answered Jun 13 '17 at 01:02

stujo

2,089
24
29

Rspec + Capybara : How to click on alert box

6 Answers6

Linked