How can I edit divs with 'contenteditable' property with Laravel Dusk?

Question

I have a wysiwyg editor in my project, that I need to test and it has a contenteditable property. I cant type directly, as it is a simple <trix-editor> tag:

<trix-editor input="28" placeholder="Type your message here..." contenteditable="" role="textbox" trix-id="2" toolbar="trix-toolbar-2">
</trix-editor>

As you can notice, it has contenteditable attribute. I can edit it easily with Selenium IDE when running Selenium tests and it shows command edit content.

Can the same be done with Laravel Dusk?

Do you mean you want to set value of `contenteditable` attribute? — Andersson, Oct 01 '18 at 20:45
The [edit content](https://a9t9.com/kantu/docs/selenium-ide/editcontent) command is only available in the Selenium IDE and the _Kantu_ Selenium IDE. I have not seen it in other tools like Laravel Dusk or Selenium itself. — Fabrice Zaks, Oct 01 '18 at 20:47

score 1 · Accepted Answer · answered Oct 04 '18 at 21:35

1

You can edit the content with keys():

$browser->keys('[trix-id="2"]', 'Text')

answered Oct 04 '18 at 21:35

Jonas Staudenmeir

24,815
6
63
109

How can I edit divs with 'contenteditable' property with Laravel Dusk?

1 Answers1