mongolian, colour

Skip if the two sequences to the right have different shapes: 1. ᠨᠨᠨᠨᠨ 2. ᠨᠨᠨᠨᠨ.
Skip if the text in the right-hand box is not joined up.
Test passes if the 3 Mongolian characters in each box join, making the two boxes identical.

Assertion: Shaping is not broken across inline box boundaries for changes to colour in Mongolian.

The middle character of the left-hand box is surrounded by a span element to which the CSS "color:blue" is applied. The right-hand box uses ZWJ between characters and markup to show the expected outcome.
The first 'skip' directive compares a sequence separated by unstyled span markup to one without. If the displayed results are different this test will always fail, regardless of the styling, and should be skipped.
The second 'skip' test checks that the browser is capable of joining Mongolian characters in vertical alignment (Safari is not).
The test uses a Noto Sans Mongolian webfont to control variables related to font choice.