src/cobalt/layout_tests/testdata/css3-fonts/color-emojis-should-render-properly.html - cobalt - Git at Google

 <!DOCTYPE html>
 <!--
  | Cobalt should render color emojis without issues.
  -->
 <html>
 <head>
   <meta charset="utf-8">
   <style>
     body {
       margin: 0;
       font-family: Roboto;
       font-size: 30px;
       font-weight: normal;
       color: #fff;
     }
     .containing-block {
       background-color: #03a9f4;
       width: 500px;
     }
   </style>
 </head>
 <body>
   <div class="containing-block">
     <span>&#x1f600;&#x1f929;&#x1f914;&#x1f61c;&#x1f62d;&#x1f92f;&#x1f631;</span>
     <span>&#x1f607;&#x1f921;&#x1f47a;&#x1f47b;&#x1f49a;&#x1f638;&#x1f476;</span>
     <span>&#x1f648;&#x1f649;&#x1f64a;&#x1f468;&#x1f469;&#x1f3c3;&#x1f40c;</span>
     <span>&#x1f41c;&#x1f490;&#x1f332;&#x1f347;&#x1f95d;&#x1f344;&#x1f354;</span>
     <span>&#x1f35f;&#x1f35e;&#x1f95e;&#x1f32e;&#x1f363;&#x1f361;&#x1f368;</span>
     <span>&#x1f30e;&#x1f31a;</span>
   </div>
 </body>
 </html>
	<!DOCTYPE html>
	<!--
	\| Cobalt should render color emojis without issues.
	-->
	<html>
	<head>
	<meta charset="utf-8">
	<style>
	body {
	margin: 0;
	font-family: Roboto;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	}
	.containing-block {
	background-color: #03a9f4;
	width: 500px;
	}
	</style>
	</head>
	<body>
	<div class="containing-block">
	<span>😀🤩🤔😜😭🤯😱</span>
	<span>😇🤡👺👻💚😸👶</span>
	<span>🙈🙉🙊👨👩🏃🐌</span>
	<span>🐜💐🌲🍇🥝🍄🍔</span>
	<span>🍟🍞🥞🌮🍣🍡🍨</span>
	<span>🌎🌚</span>
	</div>
	</body>
	</html>