1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/528096-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,70 @@
1.4 +<!DOCTYPE HTML>
1.5 +<!-- Test for some pieces of bug 528096; other pieces are tested in
1.6 + the mochitests test_font_face_parser.html,
1.7 + test_media_queries.html, and test_selectors.html -->
1.8 +<html><head>
1.9 + <title>Test for bug 528096 (counters and image rects)</title>
1.10 + <style>
1.11 +
1.12 + div { display: inline-block; vertical-align: bottom;
1.13 + margin-right: 6px; width: 16px; height: 16px;
1.14 + background-color: orange; }
1.15 + div::before { display: inline-block; height: 16px; }
1.16 +
1.17 + /* -moz-image-rect() */
1.18 + #i1::before {
1.19 + background-color: lime;
1.20 + background-image: -moz-image-rect((); background-color: red;);
1.21 + content: url("checkmark.gif");
1.22 + }
1.23 +
1.24 + /* counter() */
1.25 + #c1::before {
1.26 + background-color: lime;
1.27 + content: counter((); background-color: red;);
1.28 + content: url("checkmark.gif");
1.29 + }
1.30 + #c2::before {
1.31 + background-color: lime;
1.32 + content: counter(foo,(); background-color: red;);
1.33 + content: url("checkmark.gif");
1.34 + }
1.35 +
1.36 + /* counters() */
1.37 + #cs1::before {
1.38 + background-color: lime;
1.39 + content: counters((); background-color: red;);
1.40 + content: url("checkmark.gif");
1.41 + }
1.42 + #cs2::before {
1.43 + background-color: lime;
1.44 + content: counters(foo,(); background-color: red;);
1.45 + content: url("checkmark.gif");
1.46 + }
1.47 + #cs3::before {
1.48 + background-color: lime;
1.49 + content: counters(foo,"s",(); background-color: red;);
1.50 + content: url("checkmark.gif");
1.51 + }
1.52 + </style>
1.53 +</head><body>
1.54 +
1.55 +<table><tr>
1.56 + <td>-moz-image-rect()</td>
1.57 + <td><div id="i1"></td>
1.58 +</tr><tr>
1.59 + <td>counter()</td>
1.60 + <td><div id="c1"></div><div id="c2"></div></td>
1.61 +</tr><tr>
1.62 + <td>counters()</td>
1.63 + <td><div id="cs1"></div><div id="cs2"></div><div id="cs3"></div></td>
1.64 +</tr></table>
1.65 +
1.66 +<p>
1.67 +<a target="_blank"
1.68 + href="https://bugzilla.mozilla.org/show_bug.cgi?id=528096">Mozilla
1.69 + bug 528096</a>. There should be no red or orange, and each square
1.70 + should have a black checkmark in it.
1.71 +</p>
1.72 +
1.73 +</body></html>
