<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: "FontFeaturesTestOTF";
    src: url("resources/FontWithFeatures.otf") format("opentype");
}
@font-face {
    font-family: "FontFeaturesTestTTF";
    src: url("resources/FontWithFeatures.ttf") format("truetype");
}
.fontWithFeaturesTTF {
    font-family: "FontWithFeaturesTTF";
}
</style>
</head>
<body>
<p>This test is a dump-render-tree test which makes sure that the following properties are appropriately applied:</p>
<ul>
<li>-webkit-font-variant-ligatures</li>
<li>-webkit-font-variant-position</li>
<li>-webkit-font-variant-caps</li>
<li>-webkit-font-variant-numeric</li>
<li>-webkit-font-variant-alternates</li>
<li>-webkit-font-variant-east-asian</li>
</ul>
The test passes if there is a particular sequence of checks and x characters below. Note that some x characters are expected.
<div id="insertionpoint" style="font-size: 20px;"><span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">B</span>
<span style="font-family: FontFeaturesTestOTF;">B</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">B</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">B</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">B</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
<span style="font-family: FontFeaturesTestOTF;">A</span>
</div>
<div id="insertionPoint2" style="font-size: 20px;"><span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">B</span>
<span style="font-family: FontFeaturesTestTTF;">B</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">B</span>
<span style="font-family: FontFeaturesTestTTF;">B</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">B</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
<span style="font-family: FontFeaturesTestTTF;">A</span>
</div>
<div id="insertionpoint3" style="font-size: 20px;"><span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">B</span>
<span style="font-family: FontWithFeaturesOTF;">B</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">B</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">B</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">B</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
<span style="font-family: FontWithFeaturesOTF;">A</span>
</div>
<div id="insertionPoint4" style="font-size: 20px;"><span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">B</span>
<span style="font-family: FontWithFeaturesTTF;">B</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">B</span>
<span style="font-family: FontWithFeaturesTTF;">B</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">B</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
<span style="font-family: FontWithFeaturesTTF;">A</span>
</div>
</body>
</html>
