Я пытаюсь протестировать мое приложение для рельсов с помощью теста функции 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? %>