[Color] Make gradients work with ExtendedColors
[WebKit-https.git] / LayoutTests / css3 / font-variant-all.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 @font-face {
6     font-family: "FontFeaturesTestOTF";
7     src: url("resources/FontWithFeatures.otf") format("opentype");
8 }
9 @font-face {
10     font-family: "FontFeaturesTestTTF";
11     src: url("resources/FontWithFeatures.ttf") format("truetype");
12 }
13 </style>
14 </head>
15 <body>
16 <p>This test is a dump-render-tree test which makes sure that the following properties are appropriately applied:</p>
17 <ul>
18 <li>-webkit-font-variant-ligatures</li>
19 <li>-webkit-font-variant-position</li>
20 <li>-webkit-font-variant-caps</li>
21 <li>-webkit-font-variant-numeric</li>
22 <li>-webkit-font-variant-alternates</li>
23 <li>-webkit-font-variant-east-asian</li>
24 </ul>
25 The test passes if there is a particular sequence of checks and x characters below. Note that some x characters are expected.
26 <div id="insertionPoint" style="font-size: 20px;"></div>
27 <div id="insertionPoint2" style="font-size: 20px;"></div>
28 <div id="insertionPoint3" style="font-size: 20px;"></div>
29 <div id="insertionPoint4" style="font-size: 20px;"></div>
30 <script>
31 var insertionPoint = document.getElementById("insertionPoint");
32 var insertionPoint2 = document.getElementById("insertionPoint2");
33 var insertionPoint3 = document.getElementById("insertionPoint3");
34 var insertionPoint4 = document.getElementById("insertionPoint4");
35 function addElement(pointToInsert, fontFamily, property, value, text) {
36     var element = document.createElement("span");
37     element.textContent = text;
38     element.setAttribute("style", "font-family: " + fontFamily + "; " + property + ": " + value + ";");
39     pointToInsert.appendChild(element);
40     pointToInsert.appendChild(document.createTextNode(" "));
41 }
42
43 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "common-ligatures", "C");
44 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "common-ligatures", "D");
45 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "no-common-ligatures", "C");
46 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "no-common-ligatures", "D");
47 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "discretionary-ligatures", "E");
48 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "no-discretionary-ligatures", "E");
49 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "historical-ligatures", "F");
50 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "no-historical-ligatures", "F");
51 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "contextual", "G");
52 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-ligatures", "no-contextual", "G");
53 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-position", "sub", "H");
54 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-position", "super", "I");
55 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-caps", "unicase", "N");
56 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-caps", "titling-caps", "O");
57 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "lining-nums", "P");
58 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "oldstyle-nums", "Q");
59 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "proportional-nums", "R");
60 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "tabular-nums", "S");
61 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "diagonal-fractions", "T");
62 //addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "stacked-fractions", "U");
63 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "ordinal", "V");
64 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-numeric", "slashed-zero", "W");
65 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-alternates", "historical-forms", "X");
66 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "jis78", "Y");
67 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "jis83", "Z");
68 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "jis90", "a");
69 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "jis04", "b");
70 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "simplified", "c");
71 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "traditional", "d");
72 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "full-width", "e");
73 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "proportional-width", "f");
74 addElement(insertionPoint, "FontFeaturesTestOTF", "font-variant-east-asian", "ruby", "g");
75
76 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "common-ligatures", "C");
77 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "common-ligatures", "D");
78 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "no-common-ligatures", "C");
79 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "no-common-ligatures", "D");
80 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "discretionary-ligatures", "G");
81 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "no-discretionary-ligatures", "G");
82 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "historical-ligatures", "I");
83 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "no-historical-ligatures", "I");
84 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "contextual", "L");
85 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-ligatures", "no-contextual", "L");
86 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-position", "sub", "O");
87 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-position", "super", "P");
88 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-caps", "unicase", "Y");
89 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-caps", "titling-caps", "a");
90 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "lining-nums", "c");
91 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "oldstyle-nums", "d");
92 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "proportional-nums", "f");
93 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "tabular-nums", "g");
94 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "diagonal-fractions", "i");
95 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "stacked-fractions", "j");
96 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "ordinal", "Q");
97 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-numeric", "slashed-zero", "k");
98 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-alternates", "historical-forms", "K");
99 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "jis78", "m");
100 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "jis83", "n");
101 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "jis90", "o");
102 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "jis04", "p");
103 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "simplified", "q");
104 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "traditional", "r");
105 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "full-width", "t");
106 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "proportional-width", "u");
107 addElement(insertionPoint2, "FontFeaturesTestTTF", "font-variant-east-asian", "ruby", "v");
108
109 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "common-ligatures", "C");
110 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "common-ligatures", "D");
111 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "no-common-ligatures", "C");
112 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "no-common-ligatures", "D");
113 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "discretionary-ligatures", "E");
114 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "no-discretionary-ligatures", "E");
115 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "historical-ligatures", "F");
116 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "no-historical-ligatures", "F");
117 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "contextual", "G");
118 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-ligatures", "no-contextual", "G");
119 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-position", "sub", "H");
120 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-position", "super", "I");
121 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-caps", "unicase", "N");
122 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-caps", "titling-caps", "O");
123 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "lining-nums", "P");
124 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "oldstyle-nums", "Q");
125 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "proportional-nums", "R");
126 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "tabular-nums", "S");
127 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "diagonal-fractions", "T");
128 //addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "stacked-fractions", "U");
129 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "ordinal", "V");
130 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-numeric", "slashed-zero", "W");
131 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-alternates", "historical-forms", "X");
132 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "jis78", "Y");
133 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "jis83", "Z");
134 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "jis90", "a");
135 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "jis04", "b");
136 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "simplified", "c");
137 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "traditional", "d");
138 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "full-width", "e");
139 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "proportional-width", "f");
140 addElement(insertionPoint3, "FontWithFeaturesOTF", "font-variant-east-asian", "ruby", "g");
141
142 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "common-ligatures", "C");
143 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "common-ligatures", "D");
144 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "no-common-ligatures", "C");
145 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "no-common-ligatures", "D");
146 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "discretionary-ligatures", "G");
147 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "no-discretionary-ligatures", "G");
148 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "historical-ligatures", "I");
149 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "no-historical-ligatures", "I");
150 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "contextual", "L");
151 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-ligatures", "no-contextual", "L");
152 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-position", "sub", "O");
153 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-position", "super", "P");
154 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-caps", "unicase", "Y");
155 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-caps", "titling-caps", "a");
156 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "lining-nums", "c");
157 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "oldstyle-nums", "d");
158 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "proportional-nums", "f");
159 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "tabular-nums", "g");
160 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "diagonal-fractions", "i");
161 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "stacked-fractions", "j");
162 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "ordinal", "Q");
163 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-numeric", "slashed-zero", "k");
164 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-alternates", "historical-forms", "K");
165 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "jis78", "m");
166 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "jis83", "n");
167 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "jis90", "o");
168 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "jis04", "p");
169 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "simplified", "q");
170 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "traditional", "r");
171 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "full-width", "t");
172 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "proportional-width", "u");
173 addElement(insertionPoint4, "FontWithFeaturesTTF", "font-variant-east-asian", "ruby", "v");
174 </script>
175 </body>
176 </html>