Provide a modern image editor

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: 7.4.1 CE GA2, 7.4.13 DXP GA1, Master
• Component/s: Image Editor
• Labels:
  • fc_21_03
  • fc_21_04
  • fc_21_05
• Epic Link: lima-new-image-editor
• Sprint: LIMA | #36 | DEV | May18-Jun08, LIMA | #33 | DEV | Mar09-Apr06, LIMA | #34 | DEV | Apr06-Apr27, LIMA | #35 | DEV | Apr27-May18

As a user

I want to be able to perform small image editions

so that I can adapt an image to the need I have for the content without needing to have dedicated software

 

Acceptance criteria

Given an image uploaded to docs & media

When a user clicks on the actions menu

Then She will see an action for "Edit with image editor"

 

Given an image uploaded to docs & media

When a user clicks on "Edit with image editor"

Then She will be able to edit the image and rotate, resize and crop

 

Given an image uploaded to docs & media

When a user clicks on "Edit with image editor" and performs some changes

Then She will be able to decide whether to store the changes and override the original file, or discard changes.

 

Given an image uploaded to docs & media

When a user tries to add an image to a content (WC, blogs, wiki, KB, etc) through the item selector and clicks on the preview button

Then She will see a button to edit with the image editor

 

Given an image uploaded to docs & media

When a user tries to edit the image from the item selector

Then She will be able to edit the image and rotate, resize and crop

 

Given an image uploaded to docs & media

When a user edits the image from the item selector and saves the changes

Then a copy of the image with the changes will be created and added to the content

 

Design

Figma Mockup

Test Scenarios

ID	Test Priority	Test Scenarios	Covered by Backend (Unit/Integration)?	Test to add
1.1	5	The "Edit with image editor" option appears as an action for an image in the document library	No	ImageEditor#CanSaveRotatedImage
1.2	5	The "Edit with image editor" option appears as an action for an image preview in the item selector	No	ImageEditor#CanSaveResizedImagePreview
1.3	5	Clicking the "Edit with image editor" for an image in the document library opens the editor	No	ImageEditor#CanSaveRotatedImage
1.4	5	Clicking the "Edit with image editor" from the item selector opens the editor	No	ImageEditor#CanSaveResizedImagePreview
1.5	5	The changes from an image edited in the editor will override the original image	No	ImageEditor#CanSaveRotatedImage
1.6	5	The saved changes from an image edited in the editor from the item selector will result in a copy of the image	No	ImageEditor#CanSaveResizedImagePreview
1.7	5	The changes from an image edited in the editor can be discarded	No	ImageEditor#CanDiscardChange
1.8	5	An image can be rotated in the editor and saved	No	ImageEditor#CanSaveRotatedImage
1.9	5	An image can be resized in the editor and saved	No	ImageEditor#CanSaveResizedImage