Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
1 <!DOCTYPE HTML>
2 <!-- Test for some pieces of bug 528096; other pieces are tested in
3 the mochitests test_font_face_parser.html,
4 test_media_queries.html, and test_selectors.html -->
5 <html><head>
6 <title>Test for bug 528096 (counters and image rects)</title>
7 <style>
9 div { display: inline-block; vertical-align: bottom;
10 margin-right: 6px; width: 16px; height: 16px;
11 background-color: orange; }
12 div::before { display: inline-block; height: 16px; }
14 /* -moz-image-rect() */
15 #i1::before {
16 background-color: lime;
17 background-image: -moz-image-rect((); background-color: red;);
18 content: url("checkmark.gif");
19 }
21 /* counter() */
22 #c1::before {
23 background-color: lime;
24 content: counter((); background-color: red;);
25 content: url("checkmark.gif");
26 }
27 #c2::before {
28 background-color: lime;
29 content: counter(foo,(); background-color: red;);
30 content: url("checkmark.gif");
31 }
33 /* counters() */
34 #cs1::before {
35 background-color: lime;
36 content: counters((); background-color: red;);
37 content: url("checkmark.gif");
38 }
39 #cs2::before {
40 background-color: lime;
41 content: counters(foo,(); background-color: red;);
42 content: url("checkmark.gif");
43 }
44 #cs3::before {
45 background-color: lime;
46 content: counters(foo,"s",(); background-color: red;);
47 content: url("checkmark.gif");
48 }
49 </style>
50 </head><body>
52 <table><tr>
53 <td>-moz-image-rect()</td>
54 <td><div id="i1"></td>
55 </tr><tr>
56 <td>counter()</td>
57 <td><div id="c1"></div><div id="c2"></div></td>
58 </tr><tr>
59 <td>counters()</td>
60 <td><div id="cs1"></div><div id="cs2"></div><div id="cs3"></div></td>
61 </tr></table>
63 <p>
64 <a target="_blank"
65 href="https://bugzilla.mozilla.org/show_bug.cgi?id=528096">Mozilla
66 bug 528096</a>. There should be no red or orange, and each square
67 should have a black checkmark in it.
68 </p>
70 </body></html>