Image Resize UI

Tests for manual image resizing using the UI in the image toolbar. NOTE: Both editors have disabled resize handles. The only way to resize the images is to do it by the UI in the image toolbar.

Dropdown

  1. Select an image in the editor.
  2. A dropdown with configured options (config.image.resizeOptions) should be visible in the toolbar.
    • The plugin icon should appear only next to the dropdown button.
    • Each option should have a label text corresponding to an option value defined in the configuration.
    • The selected option should be "on" when the dropdown is open.
    • The editor is using the combination of ImageResizeEditing and ImageResizeButtons.
    • The dropdown should be enabled if the selection in inside the image caption.

Buttons

  1. Select an image in the editor.
  2. Standalone buttons should be displayed in the image toolbar (corresponding to config.image.resizeOptions).
    • Each button should have an icon as in the configuration (small, medium, large or original).
    • No label should be rendered,
    • The tooltip text and the aria-label attribute should be the same (and more verbose).
    • The selected option button should be "on".
    • The editor is using the combination of ImageResizeEditing and ImageResizeButtons.
    • The buttons should be enabled if the selection in inside the image caption.

Dropdown

Responsive image (width style: not set, width attribute present on the image)

Picture of the Warsaw Old Town.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id telluset mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortisleo interdum.

Standalone buttons

Responsive image (width style: not set, width attribute present on the image)

Picture of the Warsaw Old Town.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id telluset mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortisleo interdum.