2017-01-04 11 views
0

Я пытаюсь протестировать мое приложение для рельсов с помощью теста функции RSpec. Я использую Quilljs для богатого текста и просто хочу проверить способность создавать сообщения.Тест Capybara с Quilljs и capybara-webkit

# erb view 
<div id="post-form-container"> 
    <%= form_for :post, url: posts_path, html: {id: 'post-form'} do |f| %> 
    <div class="form-group"> 
     <%= f.hidden_field :discussion_id, value: discussion.id %> 
     <%= f.hidden_field :content, class: 'form-control', id: 'post-content-input' %> 
     <div id="editor-container"></div> 
    <%= f.button 'Post', class: 'btn btn-primary', id: 'post-button' %> 
     </div> 
    <% end %> 
</div> 

# spec 
scenario 'can post in discussion', :js do 
    login_as user 
    visit community_group_path(community_group) 
    within('form#post-form') do 
    find('div[contenteditable="true"].ql-editor').send_keys 'This is a new post.' 
    click_on 'Post' 
    end 
    expect(page).to have_content 'This is a new post.' 
end 

This question привел меня попробовать выше, но это не похоже, Quill является создание contenteditable DIV при выполнении этого сценария даже с :js тега.

Capybara::ElementNotFound: 
    Unable to find css "div[contenteditable]" 

Update: Я пришел к выводу, мне нужно, чтобы внешние URL-адреса для Quill, как показано ниже, но она по-прежнему не работает.

Capybara::Webkit.configure do |config| 
    config.allow_url("https://cdn.quilljs.com/*") 
end 

Update 2: У меня была приложение JS загрузки асинхр и что является причиной проблемы. Изменение этого было трюк!

<%= javascript_include_tag 'application', 'data-turbolinks-track' => true, async: Rails.env.production? %> 

ответ

0

Две вещи сосредоточили свой вопрос:

Allow Внешнего Quill URL-адрес

# spec/support/capybara.rb 
Capybara::Webkit.configure do |config| 
    config.allow_url("https://cdn.quilljs.com/*") 
end 

Загрузить приложение JS синхронно во время испытаний

<%# app/views/layouts/application.html.erb %> 
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true, async: Rails.env.production? %>