Error: selenium web driver java cannot locate tinyMCE

Question

Error: selenium web driver java cannot locate tinyMCE

driver.switchTo().frame("tinymce_iframe");    
String script="var editor=tinyMCE.get('tinymce_textarea');";    
JavascriptExecutor js=(JavascriptExecutor) driver;    
js.executeScript(script);

I'm encountering a WebDriverException while trying to run this javascript code, as it returns an error stating that tinyMCE is not defined.

<html>  
<script type="text/javascript" src="tinymce3.5.1/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>

      <script type="text/javascript">
       tinyMCE.init({
        theme : "advanced",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        mode : "exact",
        elements : "tinymce_textarea"
      });
     </script>  
      <body>

     <textarea cols="80" rows="10" id="tinymce_textarea" name="tinymce_textarea"> 

         &lt;h1&gt;<span id="1">Article</span> <span id="2">Title</span>&lt;/h1&gt;
         <p><span id="3">Here's</span> <span id="4">some</span> <span id="5">sample</span> <span id="6">text</span> <span id="7">Hello</span> <span id="8" >World.</span> </p>
           </textarea>
</body>
</html>

java javascript selenium

Answer 1

Answer №1

Not sure if you have found a solution to your issue yet. Here are some suggestions to troubleshoot the problem without using tinyMCE or Selenium.

It appears to be a timing issue related to the iframe loading. Instead of using a timer, consider implementing an event listener. Wrapping the init function seemed to work for me. I came across a helpful tip in this forum post:

tinyMCE.execCommand('mceRemoveEditor', false, 'editorId');
setTimeout(function() {
    tinyMCE.init(myconfig);
}, 3000);

Alternatively, if you can identify the proper editor element, try using setInterval():

var IntID = setInterval(function () { // Repeated check for Editor
    if (($('.tinymce_textarea').length) > 0) { // Editor element length
        tinyMCE.init({
            theme : "advanced",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            mode : "exact",
            elements : "tinymce_textarea"
        });
        clearInterval(IntID); // This will clear timer for editor check
    }
}, 10);

Answer 2

Not sure if you have found a solution to your issue yet. Here are some suggestions to troubleshoot the problem without using tinyMCE or Selenium.

It appears to be a timing issue related to the iframe loading. Instead of using a timer, consider implementing an event listener. Wrapping the init function seemed to work for me. I came across a helpful tip in this forum post:

tinyMCE.execCommand('mceRemoveEditor', false, 'editorId');
setTimeout(function() {
    tinyMCE.init(myconfig);
}, 3000);

Alternatively, if you can identify the proper editor element, try using setInterval():

var IntID = setInterval(function () { // Repeated check for Editor
    if (($('.tinymce_textarea').length) > 0) { // Editor element length
        tinyMCE.init({
            theme : "advanced",
            theme_advanced_toolbar_location : "top",
            theme_advanced_toolbar_align : "left",
            mode : "exact",
            elements : "tinymce_textarea"
        });
        clearInterval(IntID); // This will clear timer for editor check
    }
}, 10);

Error: selenium web driver java cannot locate tinyMCE

Answer №1

Similar questions

Testing if the App properly renders results in an error message: "No element found with the text: Profil"

Is there a way to determine the bounding rectangle of a specific word within a paragraph when you only have its index?

Generating a Personalized XML Format Using Information from a Single MySQL Table Row by Row

Display the full price when no discount is available, but only reveal the discounted price when Vue.js is present

I'm curious if anyone has successfully incorporated Selenium into their StoryTeller fixtures

Looking for a Spring3 CLIENT in Java for Restful service?

Is there a way to modify a specific key value in all embedded objects using Mongoose?

Troubleshooting issue with the spread operator and setState in React, Typescript, and Material-ui

Having trouble retrieving information from the local API in React-Native

Tips for executing Cross-Origin-Requests from Firebase Hosting to an AWS Lambda function

Various settings in JQuery UI Slider

Error: req.body or req.params.id is not defined in the current context (PUT and PATCH requests)

Tips for handling a multi-step form in React?

I am hoping for the outcome to be directed to the homepage

Using Nuxtjs/Toast with personalized image emblems

Passing onClick event to parent component during iteration in ReactJS

Exploring the World of Infinite Scrolling with React.js and Material_ui

What is the best way to record and share a video with jquery and laravel?

What could be causing my Angular.js application to malfunction on IE7?

I'm having trouble getting my .click method to work with the <div id=menuButton>. Can anyone help me figure out why this is happening?