The Tor Browser: layout/inspector/tests/chrome/test_bug708874.xul@6474c204b198 (annotated)

layout/inspector/tests/chrome/test_bug708874.xul@6474c204b198 (annotated)

layout/inspector/tests/chrome/test_bug708874.xul

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 <?xml version="1.0"?>
 <?xml-stylesheet type="text/css" href="chrome://global/skin"?>
 <?xml-stylesheet type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"?>
 <?xml-stylesheet type="text/css" href="test_bug708874.css"?>
 <!--
 https://bugzilla.mozilla.org/show_bug.cgi?id=708874
 -->
 <window title="Mozilla Bug 708874"
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
         onload="RunTests();">
   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"/>
   <script type="application/javascript">
   <![CDATA[
 /** Test for Bug 708874 - API for locking pseudo-class state of an element **/
 var DOMUtils = Components.classes["@mozilla.org/inspector/dom-utils;1"]
                .getService(Components.interfaces.inIDOMUtils);
 var DOMWindowUtils = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
                      .getInterface(Components.interfaces.nsIDOMWindowUtils);
 var defaultColor = "rgb(0, 0, 0)";
 var disabledColor = "rgb(40, 0, 0)";
 function RunTests() {
   testLockEnabled();
   testLockDisabled();
   testVisited();
   testMultiple();
   testInvalid();
   testNotElement();
 }
 function testLockEnabled() {
   var button = document.getElementById("test-button");
   /* starting state is enabled */
   button.removeAttribute("disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), false,
      "doesn't have lock at start");
   is(window.getComputedStyle(button).color, defaultColor,
      "color is default color before locking on");
   is(button.mozMatchesSelector(":disabled"), false,
      "doesn't match selector at start");
   /* lock */
   DOMUtils.addPseudoClassLock(button, ":disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), true,
      "hasPseudoClassLock is true after locking");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style applied after adding lock");
   is(button.mozMatchesSelector(":disabled"), true,
      "matches selector after adding lock");
   /* change state to disabled */
   button.setAttribute("disabled", "disabled");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style still applied after really disabling");
   is(button.mozMatchesSelector(":disabled"), true,
     "matches selector after adding lock");
   /* remove lock */
   DOMUtils.removePseudoClassLock(button, ":disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), false,
      "hasPseudoClassLock is false after removing on lock");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style still applied after removing lock");
   is(button.mozMatchesSelector(":disabled"), true,
      "matches selector after removing lock");
   /* change state to enabled */
   button.removeAttribute("disabled");
   is(window.getComputedStyle(button).color, defaultColor,
      "back to default style after un-disabling");
   is(button.mozMatchesSelector(":disabled"), false,
     "doesn't match selector after enabling");
 }
 function testLockDisabled() {
   var button = document.getElementById("test-button");
   /* starting state is disabled */
   button.setAttribute("disabled", "disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), false,
      "doesn't have lock at start");
   is(window.getComputedStyle(button).color, disabledColor,
      "color is :disabled color before locking");
   is(button.mozMatchesSelector(":disabled"), true,
     "matches selector before locking");
   /* lock */
   DOMUtils.addPseudoClassLock(button, ":disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), true,
      "hasPseudoClassLock is true after locking");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style still applied after adding on lock");
   is(button.mozMatchesSelector(":disabled"), true,
    "matches selector after locking");
   /* change state to enabled */
   button.removeAttribute("disabled");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style applied after enabling");
   is(button.mozMatchesSelector(":disabled"), true,
    "matches selector after enabling with lock on");
   /* remove lock */
   DOMUtils.removePseudoClassLock(button, ":disabled");
   is(DOMUtils.hasPseudoClassLock(button, ":disabled"), false,
      "hasPseudoClassLock is false after removing on lock");
   is(window.getComputedStyle(button).color, defaultColor,
      "default style applied after removing lock");
   is(button.mozMatchesSelector(":disabled"), false,
      "doesn't match selector after unlocking");
   /* change state to disabled */
   button.setAttribute("disabled", "disabled");
   is(window.getComputedStyle(button).color, disabledColor,
      ":disabled style applied after disabling after unlocking");
   is(button.mozMatchesSelector(":disabled"), true,
     "matches selector again after disabling");
 }
 function testVisited() {
   var link = document.getElementById("test-link");
   var visitedColor = "rgb(20, 0, 0)";
   var unvisitedColor = "rgb(30, 0, 0)";
   /* lock visited */
   DOMUtils.addPseudoClassLock(link, ":visited");
   is(DOMUtils.hasPseudoClassLock(link, ":visited"), true,
      "hasPseudoClassLock is true after adding lock");
   var color = DOMWindowUtils.getVisitedDependentComputedStyle(link,
                 null, "color");
   is(color, visitedColor, "color is :visited color after locking");
   /* lock unvisited */
   DOMUtils.addPseudoClassLock(link, ":link");
   is(DOMUtils.hasPseudoClassLock(link, ":link"), true,
      "hasPseudoClassLock is true after adding :link lock");
   is(DOMUtils.hasPseudoClassLock(link, ":visited"), false,
      "hasPseudoClassLock is false for :visited after adding :link lock");
   var color = DOMWindowUtils.getVisitedDependentComputedStyle(link,
                  null, "color");
   is(color, unvisitedColor, "color is :link color after locking :link");
   /* lock visited back on */
   DOMUtils.addPseudoClassLock(link, ":visited");
   is(DOMUtils.hasPseudoClassLock(link, ":visited"), true,
     "hasPseudoClassLock is true after adding :visited lock");
   is(DOMUtils.hasPseudoClassLock(link, ":link"), false,
     "hasPseudoClassLock is false for :link after adding :visited lock");
   var color = DOMWindowUtils.getVisitedDependentComputedStyle(link,
                null, "color");
   is(color, visitedColor, "color is :visited color after locking back on");
 }
 function testMultiple() {
   var div = document.getElementById("test-div");
   var styles = {
     ":hover": {
       property: "color",
       value: "rgb(10, 0, 0)",
       defaultValue: "rgb(0, 0, 0)"
     },
     ":active": {
       property: "font-family",
       value: "Arial",
       defaultValue: "serif"
     },
     ":focus": {
       property: "font-weight",
       value: "800",
       defaultValue: "400"
     }
   };
   for (var pseudo in styles) {
     DOMUtils.addPseudoClassLock(div, pseudo);
   }
   for (var pseudo in styles) {
     is(DOMUtils.hasPseudoClassLock(div, pseudo), true,
        "hasPseudoClassLock is true after locking");
     var style = styles[pseudo];
     is(window.getComputedStyle(div).getPropertyValue(style.property),
        style.value, "style for pseudo-class is applied after locking");
     is(div.mozMatchesSelector(pseudo), true,
        "matches selector after locking");
   }
   DOMUtils.clearPseudoClassLocks(div);
   for (var pseudo in styles) {
     is(DOMUtils.hasPseudoClassLock(div, pseudo), false,
        "hasPseudoClassLock is false after clearing");
     is(window.getComputedStyle(div).getPropertyValue(style.property),
        style.defaultValue, "style is back to default after clearing");
     is(div.mozMatchesSelector(pseudo), false,
       "doesn't match selector after unlocking");
   }
 }
 function testInvalid() {
   var div = document.getElementById("test-div");
   var pseudos = ["not a valid pseudo-class", ":moz-any-link", ":first-child"];
   for (var i = 0; i < pseudos.length; i++) {
     var pseudo = pseudos[i];
     // basically make sure these don't crash the browser.
     DOMUtils.addPseudoClassLock(div, pseudo);
     is(DOMUtils.hasPseudoClassLock(div, pseudo), false);
     DOMUtils.removePseudoClassLock(div, pseudo);
   }
 }
 function testNotElement() {
   var values = [null, undefined, {}];
   try {
     for each (value in values); {
       DOMUtils.hasPseudoClassLock(value, ":hover");
       DOMUtils.addPseudoClassLock(value, ":hover");
       DOMUtils.removePseudoClassLock(value, ":hover");
       DOMUtils.clearPseudoClassLocks(value);
     }
   } catch(e) {
     // just make sure we don't crash on non-elements
   }
 }
   ]]>
   </script>
   <body xmlns="http://www.w3.org/1999/xhtml">
     <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=708874"
        target="_blank">Mozilla Bug 708874</a>
     <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=708874">
       Mozilla Bug 708874 - API for locking pseudo-class state of an element
     </a>
     <a id="test-link" href="http://notavisitedwebsite.com">
       test link
     </a>
     <div id="test-div">
       test div
     </div>
     <button id="test-button">
       test button
     </button>
   </body>
 </window>

The Tor Browser / annotate

layout/inspector/tests/chrome/test_bug708874.xul@6474c204b198 (annotated)

layout/inspector/tests/chrome/test_bug708874.xul