The Tor Browser: layout/style/test/test_namespace_rule.html@141e0f1194b1 (annotated)

layout/style/test/test_namespace_rule.html@141e0f1194b1 (annotated)

layout/style/test/test_namespace_rule.html

Wed, 31 Dec 2014 07:16:47 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 07:16:47 +0100
branch: TOR_BUG_9701
changeset 3: 141e0f1194b1
permissions: -rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

 <!DOCTYPE HTML>
 <html>
 <head>
   <title>Test for CSS Namespace rules</title>
   <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
 </head>
 <body onload="run()">
 <p id="display"><iframe id="iframe" src="data:application/xhtml+xml,<html%20xmlns='http://www.w3.org/1999/xhtml'><head/><body/></html>"></iframe></p>
 <pre id="test">
 <script class="testbody" type="text/javascript">
 SimpleTest.waitForExplicitFinish();
 var HTML_NS = "http://www.w3.org/1999/xhtml";
 var style_text;
 function run() {
     var iframe = $("iframe");
     var ifwin = iframe.contentWindow;
     var ifdoc = iframe.contentDocument;
     var ifbody = ifdoc.getElementsByTagName("body")[0];
     function setup_style_text() {
         var style_elem = ifdoc.createElement("style");
         style_elem.setAttribute("type", "text/css");
         ifdoc.getElementsByTagName("head")[0].appendChild(style_elem);
         var style_text = ifdoc.createCDATASection("");
         style_elem.appendChild(style_text);
         return style_text;
     }
     style_text = setup_style_text();
     var gCounter = 0;
     /*
      * namespaceRules: the @namespace rules to use
      * selector: the selector to test
      * body_contents: what to set the body's innerHTML to
      * match_fn: a function that, given the document object into which
      *   body_contents has been inserted, produces an array of nodes that
      *   should match selector
      * notmatch_fn: likewise, but for nodes that should not match
      */
     function test_selector_in_html(namespaceRules, selector, body_contents,
                                    match_fn, notmatch_fn)
     {
         var zi = ++gCounter;
         if (typeof(body_contents) == "string") {
             ifbody.innerHTML = body_contents;
         } else {
             // It's a function.
             ifbody.innerHTML = "";
             body_contents(ifbody);
         }
         style_text.data =
           namespaceRules + " " + selector + "{ z-index: " + zi + " }";
         var should_match = match_fn(ifdoc);
         var should_not_match = notmatch_fn(ifdoc);
         if (should_match.length + should_not_match.length == 0) {
             ok(false, "nothing to check");
         }
         for (var i = 0; i < should_match.length; ++i) {
             var e = should_match[i];
             is(ifwin.getComputedStyle(e, "").zIndex, zi,
                "element in " + body_contents + " matched " + selector);
         }
         for (var i = 0; i < should_not_match.length; ++i) {
             var e = should_not_match[i];
             is(ifwin.getComputedStyle(e, "").zIndex, "auto",
                "element in " + body_contents + " did not match " + selector);
         }
         // Now, since we're here, may as well make sure serialization
         // works correctly.  It need not produce the exact same text,
         // but it should produce a selector that matches the same
         // elements.
         zi = ++gCounter;
         var ruleList = style_text.parentNode.sheet.cssRules;
         var ser1 = ruleList[ruleList.length-1].selectorText;
         style_text.data =
           namespaceRules + " " + ser1 + "{ z-index: " + zi + " }";
         for (var i = 0; i < should_match.length; ++i) {
             var e = should_match[i];
             is(ifwin.getComputedStyle(e, "").zIndex, zi,
                "element in " + body_contents + " matched " + ser1 +
                " which is the reserialization of " + selector);
         }
         for (var i = 0; i < should_not_match.length; ++i) {
             var e = should_not_match[i];
             is(ifwin.getComputedStyle(e, "").zIndex, "auto",
                "element in " + body_contents + " did not match " + ser1 +
                " which is the reserialization of " + selector);
         }
         // But when we serialize the serialized result, we should get
         // the same text.
         var ser2 = ruleList[ruleList.length-1].selectorText;
         is(ser2, ser1, "parse+serialize of selector \"" + selector +
                        "\" is idempotent");
         ifbody.innerHTML = "";
         style_text.data = "";
     }
     // 2 tests from http://tc.labs.opera.com/css/namespaces/prefix-001.xml
     test_selector_in_html(
       '@namespace foo "x"; @namespace Foo "y";',
       'Foo|test',
       '<test xmlns="y"/>',
       function (doc) { return doc.getElementsByTagName("test"); },
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace foo "x"; @namespace Foo "y";',
       'foo|test',
       '<test xmlns="y"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     // 2 tests from http://tc.labs.opera.com/css/namespaces/prefix-002.xml
     test_selector_in_html(
       '@namespace foo "";',
       'test',
       '<test xmlns=""/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace foo "";',
       'foo|test',
       '<test xmlns=""/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // 2 tests from http://tc.labs.opera.com/css/namespaces/prefix-003.xml
     test_selector_in_html(
       '@namespace foo "";',
       'test',
       '<foo xmlns=""><test/></foo>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace foo "";',
       'foo|test',
       '<foo xmlns=""><test/></foo>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // 4 tests from http://tc.labs.opera.com/css/namespaces/prefix-004.xml
     test_selector_in_html(
       '@namespace ""; @namespace x "test";',
       'test[x]',
       '<foo xmlns=""><test x=""/></foo>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace ""; @namespace x "test";',
       '*|test',
       '<foo xmlns=""><test x=""/></foo>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace ""; @namespace x "test";',
       '*|test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace ""; @namespace x "test";',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     // 2 tests from http://tc.labs.opera.com/css/namespaces/prefix-005.xml
     test_selector_in_html(
       '@namespace x "test";',
       'test',
       '<test/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace x "test";',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // Skipping the scope tests because they involve import, and we have no way
     // to know when the import load completes.
     // 1 test from http://tc.labs.opera.com/css/namespaces/syntax-001.xml
     test_selector_in_html(
       '@NAmespace x "http://www.w3.org/1999/xhtml";',
       'x|test',
       '<test/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // 1 test from http://tc.labs.opera.com/css/namespaces/syntax-002.xml
     test_selector_in_html(
       '@NAmespac\\65  x "http://www.w3.org/1999/xhtml";',
       'x|test',
       '<test/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // 3 tests from http://tc.labs.opera.com/css/namespaces/syntax-003.xml
     test_selector_in_html(
       '@namespace url("test");',
       '*|test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       'test',
       '<test/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     // 3 tests from http://tc.labs.opera.com/css/namespaces/syntax-004.xml
     test_selector_in_html(
       '@namespace u\\00072l("test");',
       '*|test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace u\\00072l("test");',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace u\\00072l("test");',
       'test',
       '<test/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     // Skipping http://tc.labs.opera.com/css/namespaces/syntax-005.xml because it
     // involves import, and we have no way // to know when the import load completes.
     // Skipping http://tc.labs.opera.com/css/namespaces/syntax-006.xml because it
     // involves import, and we have no way // to know when the import load completes.
     // 2 tests from http://tc.labs.opera.com/css/namespaces/syntax-007.xml
     test_selector_in_html(
       '@charset "x"; @namespace url("test"); @namespace url("test2");',
       '*|test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@charset "x"; @namespace url("test"); @namespace url("test2");',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     // 2 tests from http://tc.labs.opera.com/css/namespaces/syntax-008.xml
     test_selector_in_html(
       '@namespace \\72x url("test");',
       'rx|test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace \\72x url("test");',
       'test',
       '<test xmlns="test"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     // And now some :not() tests
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not(test)',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not(test)',
       '<test xmlns="testing"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace x url("test");',
       '*|*:not(x|test)',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace x url("test");',
       '*|*:not(x|test)',
       '<test xmlns="testing"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not(*)',
       '<test xmlns="testing"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not(*)',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace x url("test");',
       '*|*:not(x|*)',
       '<test xmlns="testing"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace x url("test");',
       '*|*:not(x|*)',
       '<test xmlns="test"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not([foo])',
       '<test xmlns="testing" foo="bar"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*:not([foo])',
       '<test xmlns="test" foo="bar"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*[foo]',
       '<test foo="bar"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*[|foo]',
       '<test foo="bar"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace test url("test");',
       '*|*[test|foo]',
       '<test foo="bar"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace test url("test");',
       '*|*[test|foo]',
       '<test xmlns:t="test" t:foo="bar"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*[foo]',
       '<test xmlns:t="test" t:foo="bar"/>',
       function (doc) { return []; },
       function (doc) { return doc.getElementsByTagName("test");}
     );
     test_selector_in_html(
       '@namespace url("test");',
       '*|*[*|foo]',
       '<test xmlns:t="test" t:foo="bar"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     test_selector_in_html(
       '',
       '*|*[*|foo]',
       '<test xmlns:t="test" t:foo="bar"/>',
       function (doc) { return doc.getElementsByTagName("test");},
       function (doc) { return []; }
     );
     SimpleTest.finish();
 }
 </script>
 </pre>
 </body>
 </html>

The Tor Browser / annotate

layout/style/test/test_namespace_rule.html@141e0f1194b1 (annotated)

layout/style/test/test_namespace_rule.html