summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/528096-1.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/bugs/528096-1.html70
1 files changed, 70 insertions, 0 deletions
diff --git a/layout/reftests/bugs/528096-1.html b/layout/reftests/bugs/528096-1.html
new file mode 100644
index 0000000000..f0ac028095
--- /dev/null
+++ b/layout/reftests/bugs/528096-1.html
@@ -0,0 +1,70 @@
+<!DOCTYPE HTML>
+<!-- Test for some pieces of bug 528096; other pieces are tested in
+ the mochitests test_font_face_parser.html,
+ test_media_queries.html, and test_selectors.html -->
+<html><head>
+ <title>Test for bug 528096 (counters and image rects)</title>
+ <style>
+
+ div { display: inline-block; vertical-align: bottom;
+ margin-right: 6px; width: 16px; height: 16px;
+ background-color: orange; }
+ div::before { display: inline-block; height: 16px; }
+
+ /* -moz-image-rect() */
+ #i1::before {
+ background-color: lime;
+ background-image: -moz-image-rect((); background-color: red;);
+ content: url("checkmark.gif");
+ }
+
+ /* counter() */
+ #c1::before {
+ background-color: lime;
+ content: counter((); background-color: red;);
+ content: url("checkmark.gif");
+ }
+ #c2::before {
+ background-color: lime;
+ content: counter(foo,(); background-color: red;);
+ content: url("checkmark.gif");
+ }
+
+ /* counters() */
+ #cs1::before {
+ background-color: lime;
+ content: counters((); background-color: red;);
+ content: url("checkmark.gif");
+ }
+ #cs2::before {
+ background-color: lime;
+ content: counters(foo,(); background-color: red;);
+ content: url("checkmark.gif");
+ }
+ #cs3::before {
+ background-color: lime;
+ content: counters(foo,"s",(); background-color: red;);
+ content: url("checkmark.gif");
+ }
+ </style>
+</head><body>
+
+<table><tr>
+ <td>-moz-image-rect()</td>
+ <td><div id="i1"></td>
+</tr><tr>
+ <td>counter()</td>
+ <td><div id="c1"></div><div id="c2"></div></td>
+</tr><tr>
+ <td>counters()</td>
+ <td><div id="cs1"></div><div id="cs2"></div><div id="cs3"></div></td>
+</tr></table>
+
+<p>
+<a target="_blank"
+ href="https://bugzilla.mozilla.org/show_bug.cgi?id=528096">Mozilla
+ bug 528096</a>. There should be no red or orange, and each square
+ should have a black checkmark in it.
+</p>
+
+</body></html>