font shorthand with inherit keyword incorrectly parsed and rendered
[WebKit.git] / LayoutTests / fast / css / font-shorthand-mix-inherit.html
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <title>Test for WebKit bug 20181 : font shorthand with inherit keyword incorrectly parsed and rendered</title>
5 <script src="../js/resources/js-test-pre.js"></script>
6 </head>
7 <body>
8 <p id="description">Test for WebKit bug <a href="https://bugs.webkit.org/show_bug.cgi?id=20181">20181</a> : font shorthand with inherit keyword incorrectly parsed and rendered</p>
9 <div id="console"></div>
10
11 <div id="tests_container">
12
13 <div id="test"></div>
14
15 </div>
16
17 <script>
18     var test = document.getElementById("test");
19
20     // Sanity check.
21     test.style.font = "12pt/14pt sans-serif";
22     shouldBe("test.style.getPropertyValue('font')", "'12pt/14pt sans-serif'");
23     test.style.font = "";
24     test.style.font = "inherit";
25     shouldBe("test.style.getPropertyValue('font')", "'inherit'");
26     test.style.font = "";
27     shouldBe("test.style.getPropertyValue('font')", "''");
28     test.style.font = "12pt/14pt inherit";
29     shouldBe("test.style.getPropertyValue('font')", "''");
30     test.style.font = "12pt/14pt bold inherit";
31     shouldBe("test.style.getPropertyValue('font')", "''");
32     test.style.font = "italic 12pt/14pt bold inherit";
33     shouldBe("test.style.getPropertyValue('font')", "''");
34     test.style.font = "italic 12pt/14pt bold arial inherit";
35     shouldBe("test.style.getPropertyValue('font')", "''");
36     test.style.font = "x-large/110% 'new century schoolbook', serif, inherit";
37     shouldBe("test.style.getPropertyValue('font')", "''");
38     test.style.font = " 'inherit'";
39     shouldBe("test.style.getPropertyValue('font')", "''");
40     test.style.font = "italic inherit 12pt/14pt bold arial inherit";
41     shouldBe("test.style.getPropertyValue('font')", "''");
42     test.style.font = "arial inherit";
43     shouldBe("test.style.getPropertyValue('font')", "''");
44     test.style.font = "Arial, Helvetica, inherit, sans-serif;";
45     shouldBe("test.style.getPropertyValue('font')", "''");
46     test.style.font = "inherit, sans-serif;";
47     shouldBe("test.style.getPropertyValue('font')", "''");
48     test.style.font = "italic inherit 12pt/14pt bold arial initial";
49     shouldBe("test.style.getPropertyValue('font')", "''");
50     // clean up after ourselves
51     var tests_container = document.getElementById("tests_container");
52     tests_container.parentNode.removeChild(tests_container);
53 </script>
54 <script src="../js/resources/js-test-post.js"></script>
55 </body>
56 </html>