#135/aspect ratio

[camelPhonso]

Description

Closes #135

This pr is dependent on the changes in the outstanding PR on the backend

Files changed

• utils/popup-utils/parseAspectRatio.ts - because the backend will only allow a drop down selector for string values (which must include characters besides numbers), this util will take any string that includes a recognisable aspect ratio in it (i.e.: 4:3) and parse that out and return the calculated ratio
• parseWindowSize.ts - now expects a string for the aspectRatio and calls parseAspectRatio.ts to return the appropriate ratio calculated
• backgroundPopCreate.ts && displayPopup.ts- both take the new aspect_ratio property from the popups and pass them to parseWindowSize.ts if the type of content is "video"
• types/eventTypes.ts - extend the types system to reflect the new property for MediaContent

UI changes

It all looks the same except the window size for popups will match what's been chosen in the CMS. The ratio will default to 16:9 if nothing has been passed or if the content type is an image or text.

Changes to Documentation

n/a

Tests

• parseWindowSize.test.js - one of the tests was checking the return value for a call where the aspect ratio is explicitly passed. This was adjusted as the argument type is no longer a number but a string
• parseAspectRatio.test.js - new test suite for the new util

[nichgalzin]

Nice, looks great.