Loading
- The data should be loaded with:
- first paragraph with default (left) alignment,
- second paragraph aligned to right,
- third paragraph should be centered,
- fourth paragraph should be justified,
- an image with caption between first and second paragraphs.
- Toolbar should have four alignment buttons for alignment control: left, right, center and justify.
Testing
You should be able to:
- Change alignment on any paragraph.
- Change alignment on any selection of paragraphs.
You should not be able to change alignment of figcaption by:
- Placing cursor inside caption.
- Selecting image with other paragraphs.
You should be able to create blocks that can be aligned:
- paragraphs
- headings
- lists
Alignment UI should:
- make "left" button highlight "left" when selection is inside left aligned block (default one)
- make "right" button highlight "right" when selection is inside right aligned block
- make "center" button highlight "center" when selection is inside centered block
- make "justify" button highlight "justify" when selection is inside justified block
- only one button should be active at once inside dropdown