It's a test for ignoring events fired in elements with a
data-cke-ignore-events attribute (#4600).
Events are logged in the browser's console.
Focus the widget by clicking it.
Move mouse cursor over the left container (Ignored container with data-cke-ignore-events="true").
Keep moving the cursor over the container.
Expected: no further "Received mousemove event." logs are added.
Click on a "Click!" button in the container.
Expected: No "Received click event." gets logged.
Click on the text input in the container.
Expected: Text input gets focused.
Type few characters into the focused input.
Expected: Text is inserted. No keyboard events are logged.
Note: you might get unexpected focus nad blur events in
the process, it's a
known issue.
Focus the widget by clicking it.
Move mouse cursor over the right container (Regular container).
Keep moving the cursor over the container.
Expected: "Received mousemove event." logs are added.
Click on a "Click!" button in the container.
Expected: "Received click event." is logged.
Click on the text input in the container.
Expected: Click events are logged. Editor decides what to do with the selection.
imageLoaded eventReload the page (test).
Check the console.
Expected: There's only one
Received imageLoaded event. log.