Breakpoints Test: Event-based Change Detection
Related JIRA Ticket: SOHO-7087
An event gets triggered on a Soho application's body tag whenever the Soho CSS determines that a breakpoint change should be made. In any application that implements Soho UX, there will be an ::after pseudo-element appended to the body tag with a content property that describes the current breakpoint.
There is also a small utility, Soho.breakpoints, that has a few convenience functions for working with the breakpoint system.
In this test, causing this page to have an orientation change or resize event that results in a new breakpoint change will cause a toast message to appear containing the custom event's data.