- Click the "Init editors" button.
- Expected:
- Two editor instances should be created.
- Elements used as editables should remain visible.
- They should preserve
.custom-class and custom-attr="foo".
- Select some text in the editor.
- A floating toolbar should appear at the end (forward selection) or at the beginning (backward selection) of the selection.
- Scroll the webpage.
- Expected:
- The toolbar should always stick to the selection.
- Press Alt+F10 when focusing the editor.
- Expected:
- Toolbar should gain focus. Editable should keep its styling.
- Click "Destroy editors".
- Expected:
- Editors should be destroyed.
- Element used as editables should remain visible.
- They should preserve
.custom-class and custom-attr="foo".
- Elements should contain its data (updated).
.ck-body regions should be removed from <body>.
Notes:
- You can play with:
window.editables[ N ].isReadOnly,
- Changes to
window.editors[ name ].focusTracker.isFocused should be logged to the console.
- Features should work.