1. Instance states

- Hover over an instance, check if its outline is correct
- Select an instance, check if its outline is correct

1. Create instances by drag&drop

- Drag a component over an instance - check if its outline is correct
- Drag a box over a box, drop it - check if it was inserted in that box
- Drag a box and place it before a box - check if it was inserted before
- Drag a box and place it after a box - check if it was inserted after
- Select an instance, got to components, click a box - check if it was inserted at the end of the selected instance
- Drag a box exactly between 2 boxs - check if it was inserted between
- Drag a box to the bottom edge - check if parent box gets outlined and insertion happened after that dragged over box inside that outlined parent
- Drag a box to the top edge - check if parent box gets outlined and insertion happened before that dragged over box inside that outlined parent

1. Styles apply

- Select an instance
- Change any style
- See if it is applied

1. Content editable components

- Add any contenteditable component (heading, paragraph, text ...)
- Check if you can drag&drop it on the canvas
- Double click or press enter to enter editing mode
- Press escape or click away to exit editing mode
- Selecting with the mouse any char or word shows a menu above it
- Selecting with keybord does the same
- Changing selection using mouse or keyboard moves the menu
- Menu shows correctly on very left, right, top corners
- Typing renders typed characters as expected
- After editing and unfocusing the component content stays the way it was changed
- After each menu action unfocus component and see that content stays the way it was changed
- Run every action on first, middle and last word, on first line on second line and on the last line
- Enter multiline text, unfocus
- Check every change is also saved when after reloading
- Enter text and unfocus quickly - changes shouldn't disappear
- Keep typing text for some time and see in network tab that we send only a few requests, not one for each char