As a Page Creator I want to get Adaptive Media support for background images which have been mapped

• Type: Story
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: Master
• Component/s: Pages > Page Editor
• Labels:
  • fc_21_01
  • fc_21_02
  • fc_21_03
• Epic Link: Support "Adaptive media" in content pages for images
• Git Pull Request: https://github.com/liferay-echo/liferay-portal/pull/3546

Intro/Context:

The goal of this story is to support Adaptive Media for background images so that we completely support Adaptive Media fo images added to a page which are directly mapped

Given the Page Creator is editing the style of a Fragment 

When the Page Creator adds a Background Image

Then the selected information shows the image resolution and weight similar to what has been done for the precedent story without possibility to change the resolution manually.

See: LPS-122822

NOTE: The experience of selecting the image should be consistent between the stories.

Test Scenarios

Test Scenarios	Test Strategy	Kind of test	Is it covered by FrontEnd ? (JS-Unit)	Is it covered by BackEnd ? (unit or integration)	Could it be covered by POSHI?
The image resolution is applied to mapping background image of a fragment with editable field	Critical	Manual	No	No	Yes
The image resolution is applied to mapping background image of the Container with padding settings	Critical	Manual	No	No	Yes

Note: Edit mode, view mode and preview mode should be checked.