image.md 1.7 KB

Image feature

  • Images should be loaded.
  • Hovering over image should apply yellow outline.
  • Clicking on image should apply blue outline which should not change when hovering over.

Deleting

  • Click image and press delete (forward delete on Mac) - empty paragraph should be created in place of image.
  • Click image and press backspace (delete on Mac) - empty paragraph should be created in place of image.
  • Place selection at the end of the first paragraph and press delete (forward delete on Mac) - image should be selected. Second press should delete it.
  • Place selection at the beginning of the second paragraph and press backspace (delete on Mac) - image should be selected. Second press should delete it.
  • Place selection in an empty paragraph before image and press delete (forward delete on Mac) - image should be selected and paragraph removed.
  • Place selection in an empty paragraph after image and press backspace (delete on Mac) - image should be selected and paragraph removed.

Arrow key handling

  • Click first image and press right arrow - second image should be selected. Same effect should happen for down arrow.
  • Click second image and press left arrow - first image should be selected. Same effect should happen for up arrow.
  • Place selection at the end of the first paragraph and press right arrow - third image should be selected. Same effect should happen for down arrow.
  • Place selection at the beginning of the first paragraph and press left arrow - first image should be selected. Same effect should happen for up arrow.