Default "up" behavior is broken about atomic-layout

[kettanaito]

I am currently stack at how to properly conduct integration testing.

There is an issue with loading multiple <Composites/> scenarios. Styles from styled-components are not applied properly and are broken.

I am thinking to create a separate app, list all scenarios there, then establish that app and navigate to it via Cypress. This would mean that I've loaded atomic layout via external context, not within Cypress context.

[kettanaito]

Update

I've managed to re-write the areas parsing algorithm to be area-based. That means that first it puts up the array of unique area names, and then iterates over all templateXYZ props to output the array of area's breakpoint configurations.

This ensures the areas being in three different behaviors (mobile, inclusive, bell) analyzed properly, therefore, they have responsive placeholders constructed properly.