Index: third_party/WebKit/LayoutTests/fast/text/color-emoji.html |
diff --git a/third_party/WebKit/LayoutTests/fast/text/color-emoji.html b/third_party/WebKit/LayoutTests/fast/text/color-emoji.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fbf00b13dd7f68333b027953d51c1d1a9b1a67ea |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/text/color-emoji.html |
@@ -0,0 +1,16 @@ |
+ο»Ώ<html> |
+<body> |
+<p>Three different sizes. The large size in particular should appear detailed and not pixelated. |
+<p>ππ»ππΌπ²π<span style="font-size: 5px;">ππ»ππΌπ²π</span> <span style="font-size: 72px;">ππ»ππΌπ²π</span></p> |
+<p>For the following, the emoji colors should not change.<br> |
+The monkey should be colored, the sheep should be black outlined with a white body, etc.</p> |
+<p style="font-size: 24px; background-color: blue; width: 400px;">blue background: ππ»ππΌπ²π</p> |
+<p style="font-size: 24px; color: red;">red text: ππ»ππΌπ²π</p> |
+<div style="-webkit-transform: rotate(-45deg); width: 200px; height: 200px; left: 500px; top: 200px; position:absolute;"> |
+<p style="font-size: 24px;">rotated emoji: ππ<br><span style="color: green;">green text: π»πΌ</span><br><span style="background-color: purple;">purple bg: ππ²</span></p> |
+</div> |
+<p>For the following, each emoji should appear in two different colors.<br> |
+Color swatches should not be visible. |
+<p style="font-size: 24px;">zero-width-joiners: β‍🏿β‍🏼π―‍🏻π―‍🏿π²‍🏽π²‍🏻</p> |
+</body> |
+</html> |