have_content in JS message

Question

I need to check text message inside toastr-rails. But in my tests, text isn't show. How to run rspec with js? Or I should do something else?

scenario "#email" do
  fill_in "user_email", with: "johndoe@mail.com"
  click_on "Save"
  expect(page).to have_content 'Your account has been updated successfully'
end

My message template(toastr)

<% unless flash.empty? %>
<script type="text/javascript">
    <% flash.each do |f| %>
    <% type = f[0].to_s.gsub('alert', 'error').gsub('notice', 'info') %>
    toastr['<%= type %>']('<%= f[1] %>');
    <% end %>
</script>

score 0 · Answer 1 · answered Sep 01 '15 at 17:28

I had the same issue and this is how it worked

Use the Capybara.javascript_driver in your scenario:

scenario "#email", :js => true do
  fill_in "user_email", with: "johndoe@mail.com"
  click_on "Save"
  expect(page).to have_content 'Your account has been updated successfully'
end

Check for message inside the div that toastr generates

within(".toast-info") do expect(page).to have_text('Your account has been updated successfully') end

have_content in JS message

1 Answers1