Emoji Spacing & Rendering Visual Test
Each test shows the custom renderer output with a native browser reference below.
1. Simple Emoji Spacing
Text: "Hello 👋 World!" - Verify emoji doesn't overlap with surrounding text
Hello 👋 World!
↑ Browser native reference
2. Multiple Simple Emoji
Text: "A👋B🌍C" - Verify tight spacing works correctly
A👋B🌍C
↑ Browser native reference
3. ZWJ Sequence (Farmer)
Text: "Farmer: 🧑🏽🌾 here" - Should show ONE icon, NO .notdef boxes
Farmer: 🧑🏽🌾 here
↑ Browser native reference
4. ZWJ Sequence (Family)
Text: "Family: 👨👩👧👦 test" - Should show ONE icon, NO .notdef boxes
Family: 👨👩👧👦 test
↑ Browser native reference
5. Skin Tone Spacing
Text: "Thumbs: 👍 👍🏻 👍🏽 👍🏿 end" - Verify consistent spacing
Thumbs: 👍 👍🏻 👍🏽 👍🏿 end
↑ Browser native reference
6. Emoji at Start/End
Text: "👋Hello World🌍" - Verify spacing at boundaries
👋Hello World🌍
↑ Browser native reference