ruby-on-rails - rails - capybara testing example

¿Cómo puedo probar un diálogo de confirmación de Rails 4 con Capybara y Poltergeist?

Question

Estoy intentando probar que un enlace a una acción de destruir lanza un cuadro de confirm navegador nativo con el mensaje correcto.

El enlace se está generando usando el enlace de rieles a:

link_to ''Delete'', user_path, method: :delete, data: { confirm: "Are you sure?" }

Y genera el siguiente html:

<a data-confirm="Are you sure?" data-method="delete" href="/users/6" rel="nofollow">Delete</a>

La funcionalidad funciona correctamente en el navegador, pero quiero probarla en mi especificación de función rspec .

Estoy tratando de apagar la función de confirm del navegador como se describe here y en esta esencia , sin embargo, no puedo hacer que funcione.

it ''requests confirmation'', js: true do
  visit user_path(user)
  page.execute_script "
    window.confirmMsg = null;
    window.confirm = function(msg) { window.confirmMsg = msg; return true; };"
  click_link ''Delete''
  expect(page.evaluate_script(''window.confirmMsg'')).to eq(''Are you sure?'')
end

Da el siguiente error de rspec :

Failure/Error: expect(page.evaluate_script(''window.confirmMsg'')).to eq(''Are you sure?'')

       expected: "Are you sure?"
            got: nil

       (compared using ==)

Sin embargo, si llamo a una confirm directamente a través de page.execute_script :

it ''requests confirmation'', js: true do
  visit user_path(user)
  page.execute_script "
    window.confirmMsg = null;
    window.confirm = function(msg) { window.confirmMsg = msg; return true; };
    window.confirm(''Are you sure?'');"
  expect(page.evaluate_script(''window.confirmMsg'')).to eq(''Are you sure?'')
end

Luego pasa la prueba.

También haciendo clic en el enlace Eliminar causará que la prueba falle, incluso si se ha llamado directamente a page.execute_script para page.execute_script :

it ''requests confirmation'', js: true do
  visit user_path(user)
  page.execute_script "
    window.confirmMsg = null;
    window.confirm = function(msg) { window.confirmMsg = msg; return true; };
    window.confirm(''Are you sure?'');"
  click_link ''Delete''
  expect(page.evaluate_script(''window.confirmMsg'')).to eq(''Are you sure?'')
end

Da el mismo error desde rspec :

Failure/Error: expect(page.evaluate_script(''window.confirmMsg'')).to eq(''Are you sure?'')

       expected: "Are you sure?"
            got: nil

       (compared using ==)

¿Por qué está fallando la prueba? Y, ¿cómo puedo probar confirmar los diálogos correctamente?

Contexto:

Estoy ejecutando mis pruebas desde una máquina virtual Vagrant, que es Ubuntu 12.04.4 LTS y ejecutando ruby 2.1.2p95 .

Mi Gemfile.lock muestra que tengo las siguientes versiones:

rails (4.1.4)
poltergeist (1.5.1)
capybara (2.4.1)

Answer 1

Dado este Javascript:

confirm(''You have unsaved changes, do you want to continue?'')

Para Poltergiest encontré lo siguiente para trabajar:

expect(page.driver.browser.modal_message).eq ''You have unsaved changes, do you want to contine?''

page.driver.browser.dismiss_confirm
page.driver.browser.accept_confirm

Answer 2

Desafortunadamente, no puede hacer esto , porque Poltergeist trabaja solo en una ventana.

Para esa prueba específica necesitarás usar Selenium y esta API:

page.driver.browser.switch_to.alert.accept

Si está preocupado por querer ejecutar sus pruebas sin cabeza, puede usar Xvfb (X Virtual Framebuffer) de esta manera:

Xvfb :1 -screen 0 1024x768x24+32

Alternativamente también puedes usar capybara-webkit:

page.driver.browser.accept_js_confirms
page.driver.browser.reject_js_confirms

Sin embargo, he hecho la mejor experiencia usando una mezcla de (en su mayoría) Poltergeist y Selenium cuando sea necesario.

Answer 3

Es difícil probar el comportamiento de JavaScript. Pero si desea verificar el mensaje de confirmación, podría estar bien probar el atributo de enlace solo sin Poltergeist:

it ''requests confirmation'' do
  visit user_path(user)
  delete_link = find_link ''Delete'', href: user_path(user)
  expect(delete_link[''data-confirm'']).to eq ''Are you sure?''
end

Aquí está la alternativa:

it ''requests confirmation'' do
  visit user_path(user)
  expect(page).to have_selector "a[data-confirm=''Are you sure?''][href=''#{user_path(user)}'']", text: ''Delete''
end

Esta prueba no puede verificar si JS está funcionando correctamente, pero podría ser suficiente para la mayoría de los casos. (¡Y rápido!)

Answer 4

Para expandir lo anterior, cuando use Selenium puede probar el texto real del diálogo de confirmación usando lo siguiente:

    click_link ''Delete''
    a = page.driver.browser.switch_to.alert
    expect(a.text).to eq("Are you sure?")
    a.accept

Además, acabo de encontrar una buena prueba para determinar si la alerta está presente aquí: selenio 2.4.0, cómo verificar la presencia de una alerta Lo modifiqué ligeramente, puse en mi archivo spec_helper como:

def alert_present?
  begin
    page.driver.browser.switch_to.alert
    return true
  rescue
    return false
  end
end

Y luego en tu prueba solo haz:

click_link ''Delete''
expect(alert_present?).to eq(true)

Answer 5

page.driver.browser.accept_js_confirms está en desuso. En lugar de usar

page.accept_confirm do
  click_link ''Delete''
end