How to write in a ckdeditor textarea with Cypress?

leandro713

5/6/24, 7:37 AM

i'm trying to create a new node in Drupal 9. But all my attempts so far have failed when it comes to writing the body text. The body text is a Ckeditor5 field. I can't write there with Cypress.

I tried the following line with the following error: "Cannot read properties of undefined (reading 'instances')"

  cy.window().then(win => {win.CKEDITOR.instances["html_body"].setData("<p>HTML body</p>");});

After several attempts, i tried the jQuery way, so far this solution wont raise any error, but the textarea remains in blank without any text:

cy.get('.ck-editor__editable').then($editable => {$editable.focus().html('<p>HTML body</p>');});

how can i set text into this field with Cypress?

196

1 + 6

leandro713

5/6/24, 7:40 AM

I have searched on the internet for the issue and everyone says that ckeditor uses an iframe, but I cannot find any iframe anywhere. :-(

leymannx

5/6/24, 9:57 AM

Never heard of Cypress

Kevin

5/6/24, 2:22 PM

You probably have to wait for the page to be ready, its possible the actual editor hasn't finished loading yet.

apaderno

5/6/24, 3:18 PM

Isn't [Cypress](https://www.cypress.io/) a JavaScript component testing framework? Are you testing the node creation form?

leandro713

5/6/24, 5:16 PM

yessir to both questions

Clive

5/6/24, 8:12 PM

Pretty sure I remember reading cke5 doesn't use iframes any more

Score:1

Drupal

Clive

5/6/24, 7:51 PM

Drupal keeps a list of the active CKEditor 5 instances in JS, you can get them from there. For example to fill all the editors on the page:

cy.window().then(win => {
  win.Drupal.CKEditor5Instances.forEach(editor => editor.setData('<p>Test</p>'))
})

+ 0

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: How to write in a ckdeditor textarea with Cypress?

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.