CODEWITHSUNDEEP
ruby-on-railsseleniumtinymcecucumbercapybara
Alper Karapınar
Alper Karapınar

Reputation: 2694

How to fill tinymce-rails editor with capybara and selenium?

I have trouble with using capybara to test tinymce form. I'm using tinymce-rails and have 7 editors in my form. Also I'm using asciimath plugin with tinymce.

Everything works fine, but I'm unable to write tests to fill in tinymce editor.

Here is how my step definition code looks like, very similar to what is described here:

within_frame("content_ifr") do
  editor = page.find_by_id('tinymce')
  editor.native.send_keys 'test'
end

The problem is when I run the following:

editor.native.clear            # works, clear the editor area, I'm testing this with pry
editor.native.send_keys :tab   # works, moves focus to next input
editor.native.send_keys 'test' # returns "", nothing happens, nothing in editor

So clear and send_keys :tab work as expected. But I can't send any string. send_keys function is always returning empty string, and nothing happens when I do test using pry.

What is going wrong here? and how can I debug / investigate the problem?

Thanks.

Upvotes: 11

Views: 2996

Answers (5)

Diego Oliveira
Diego Oliveira

Reputation: 21

just came across this problem with RoR and rspec

I managed to solve by doing this:

within_frame { page.find_by_id("tinymce").set("new content here") }

the set method will replace any existing content by the new one

if you want to keep the current content and add things to it, use the send_keys method

Upvotes: 2

Bob Roberts
Bob Roberts

Reputation: 1021

I know that this is an old question but I just found it while trying to solve this issue as well.

Although the original question said that he has 7 tinymce's on the same page I think that my solution might work for him too but I do know it will work if there is one tinymce as was my case.

In my request spec I used this:

page.execute_script('$(tinymce.editors[0].setContent("my content here"))')

The page.execute_script with tell it to run the jQuery function. It then finds the first tincymce editor and sets the content.

Worked like a charm for me. I think if there are more than one tinymce it can be called by its position.

Upvotes: 9

OfficeYA
OfficeYA

Reputation: 735

I had the same issue. After a day fighting, my tests finally passed.

The code that I am using is:

within_frame("producto_condiciones_ifr") do
  editor = page.find_by_id('tinymce')
  editor.native.send_keys 'filling text'
end

The first line is a method of capybara. The parameter passed is the ID of the iframe.

Line #2 is a must.

In line #3 goes the text that you wish to place inside TinyMCE

Upvotes: 0

ebsbk
ebsbk

Reputation: 4532

Try to switch to an iframe that contains tinymce textarea input, and than send_keys:

# +session+ is an instance of Capybara::Session class
browser = session.driver.browser
browser.switch_to.frame(iframe_id)
editor.native.send_keys(text)
browser.switch_to.default_content

Upvotes: 0

Alper Karapınar
Alper Karapınar

Reputation: 2694

Switching to chrome as described here solved my problem.

Obviously the problem is related with a bug in firefox driver.

Still i think it is a valid question for firefox.

Upvotes: 2

Related Questions