8
0

ballooneditor.md 1.1 KB

  1. Click the "Init editors" button.
  2. Expected:
    • Two editor instances should be created.
    • Elements used as editables should remain visible.
      • They should preserve .custom-class and custom-attr="foo".
  3. 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.
  4. Scroll the webpage.
  5. Expected:
    • The toolbar should always stick to the selection.
  6. Press Alt+F10 when focusing the editor.
  7. Expected:
    • Toolbar should gain focus. Editable should keep its styling.
  8. Click "Destroy editors".
  9. 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.