Как сделать так, чтобы капибара без головы открывала мод Sweetalert2 для тестов Rspec - PullRequest
Новая
       11

Как сделать так, чтобы капибара без головы открывала мод Sweetalert2 для тестов Rspec

0 голосов
/ 14 ноября 2018

Сейчас я использую

selenium-webdriver 3.141.0 chromedriver-helper 2.1.0

gem 'rails-assets-sweetalert2', источник: 'https://rails-assets.org 'gem' sweet-alert2-rails '

С Rails 5.2

Моя настройка Capybara: 

RSpec.configure do |config| 
  config.before(:each, type: :system) do
    driven_by :rack_test 
  end
  config.before(:each, type: :system, js: true) do 
    driven_by :selenium_chrome_headless
  end 
end
require "capybara-screenshot/rspec"

#Use the following to set the screen size for tests
Capybara.register_driver :selenium_chrome_headless do |app|
  options = Selenium::WebDriver::Chrome::Options.new

  [
    "headless",
    "window-size=1280x1280",
    "disable-gpu" # https://developers.google.com/web/updates/2017/04/headless-chrome
  ].each { |arg| options.add_argument(arg) }

  Capybara::Selenium::Driver.new(app, browser: :chrome, options: options)
end

Я запускаю следующий тест:

    require 'rails_helper'

    RSpec.describe 'deleting a proofread document using ajax', js: true do

      let(:job)  { create(:proofreading_job, title: 'Internal Job') }
      let(:user) { job.proofreader.user }

      it 'can delete a proofread document' do
        visit root_path
        click_on 'Login'
        fill_in  'Email', with: user.email
        fill_in  'Password', with: user.password
        click_on 'Sign In'
        click_on 'Dashboard'
        click_on 'Proofreading Jobs'
        click_on 'Current'
        click_on 'Internal Job'
        click_on 'Upload Proofread Document'
        attach_file(I18n.t('proofreader.proofread_document.upload'), Rails.root + 'spec/test_documents/proofread_document/1.docx' , make_visible: true)
        accept_alert do
           find_button('Upload', disabled: false).click
        end
        expect(page).to_not have_button('Delete')

     end
   end
 end

Однако тест не пройден, и Rspec сообщил мне, что: 

 Capybara::ModalNotFound:
   Unable to find modal dialog

Тем не менее, я вручную использовал веб-страницу, и модал действительно показывает и работает.

Как я могу заставить Capybara Selenium Chrome Headless Driver открыть модал в тестах?

1 Ответ

0 голосов
/ 14 ноября 2018

accept_alert предназначен для работы с системными модалами (те, которые браузер создает по умолчанию при вызове window.alert, которые фактически не добавляют элементы на страницу). Sweetalert2 - это библиотека JS, которая вставляет элементы на страницу, чтобы создавать более стильные «модалы». Вы не используете accept_alert с ними, вы просто взаимодействуете с ними, как если бы они были какими-либо другими элементами HTML на странице. Это будет означать что-то вроде 

....
attach_file(...)
click_button('Upload', disabled: false) # Not sure why you're passing `disabled: false` here since that's the default
within('.swal2-actions') { click_button('the text of the button to accept the "modal"') }
expect(page)....

Обновление: как выяснилось в комментариях, дополнительной причиной этой проблемы было то, что ресурсы не компилировались в настройках OP, поэтому JS вообще не запускался. Это было бы сразу же понятно, если бы вы работали в режиме без головы и увидели, что «модал» никогда не отображался. Решение этой проблемы зависит от того, какой конвейер активов используется и как он настроен, что выходит за рамки этого вопроса.

...