The Tor Browser: layout/style/test/chrome/test_additional

layout/style/test/chrome/test_additional_sheets.html@4ab42b5ab56c (annotated)

layout/style/test/chrome/test_additional_sheets.html

Wed, 31 Dec 2014 07:53:36 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 07:53:36 +0100
branch: TOR_BUG_3246
changeset 5: 4ab42b5ab56c
permissions: -rw-r--r--

Correct small whitespace inconsistency, lost while renaming variables.

 <!DOCTYPE HTML>
 <html>
 <head>
   <title>Test for additional sheets</title>
   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
   <script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
   <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>
 </head>
 <body onload="run()">
 <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=737003">Mozilla Bug 737003</a>
 <iframe id="iframe" src="http://mochi.test:8888/tests/layout/style/test/chrome/additional_sheets_helper.html"></iframe>
 <pre id="test">
 <script type="application/javascript; version=1.8">
 var gIOService = Components.classes["@mozilla.org/network/io-service;1"]
   .getService(Components.interfaces.nsIIOService)
 function getUri(style)
 {
   return "data:text/css," + style;
 }
 function getStyle(color, swapped)
 {
   return "body {color: " + color +  (swapped ? " !important" : "") +
     "; background-color: " + color + (swapped ? "" : " !important;") + ";}";
 }
 function loadUserSheet(win, style)
 {
   loadSheet(win, style, "USER_SHEET");
 }
 function loadAgentSheet(win, style)
 {
   loadSheet(win, style, "AGENT_SHEET");
 }
 function loadAuthorSheet(win, style)
 {
   loadSheet(win, style, "AUTHOR_SHEET");
 }
 function removeUserSheet(win, style)
 {
   removeSheet(win, style, "USER_SHEET");
 }
 function removeAgentSheet(win, style)
 {
   removeSheet(win, style, "AGENT_SHEET");
 }
 function removeAuthorSheet(win, style)
 {
   removeSheet(win, style, "AUTHOR_SHEET");
 }
 function loadSheet(win, style, type)
 {
   var uri = gIOService.newURI(getUri(style), null, null);
   var windowUtils = win.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
     .getInterface(Components.interfaces.nsIDOMWindowUtils);
   windowUtils.loadSheet(uri, windowUtils[type]);
 }
 function removeSheet(win, style, type)
 {
   var uri = gIOService.newURI(getUri(style), null, null);
   var windowUtils = win.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
     .getInterface(Components.interfaces.nsIDOMWindowUtils);
   windowUtils.removeSheet(uri, windowUtils[type]);
 }
 function loadAndRegisterUserSheet(win, style)
 {
   loadAndRegisterSheet(win, style, "USER_SHEET");
 }
 function loadAndRegisterAgentSheet(win, style)
 {
   loadAndRegisterSheet(win, style, "AGENT_SHEET");
 }
 function loadAndRegisterAuthorSheet(win, style)
 {
   loadAndRegisterSheet(win, style, "AUTHOR_SHEET");
 }
 function unregisterUserSheet(win, style)
 {
   unregisterSheet(win, style, "USER_SHEET");
 }
 function unregisterAgentSheet(win, style)
 {
   unregisterSheet(win, style, "AGENT_SHEET");
 }
 function unregisterAuthorSheet(win, style)
 {
   unregisterSheet(win, style, "AUTHOR_SHEET");
 }
 function loadAndRegisterSheet(win, style, type)
 {
   var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
     .getService(Components.interfaces.nsIStyleSheetService);
   var ios = Components.classes["@mozilla.org/network/io-service;1"]
     .getService(Components.interfaces.nsIIOService);
   uri = ios.newURI(getUri(style), null, null);
   sss.loadAndRegisterSheet(uri, sss[type]);
   is (sss.sheetRegistered(uri, sss[type]), true);
 }
 function unregisterSheet(win, style, type)
 {
   var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"]
     .getService(Components.interfaces.nsIStyleSheetService);
   var ios = Components.classes["@mozilla.org/network/io-service;1"]
     .getService(Components.interfaces.nsIIOService);
   var uri = ios.newURI(getUri(style), null, null);
   sss.unregisterSheet(uri, sss[type]);
   is (sss.sheetRegistered(uri, sss[type]), false);
 }
 function setDocSheet(win, style)
 {
   var subdoc = win.document;
   var headID = subdoc.getElementsByTagName("head")[0];
   var cssNode = subdoc.createElement('style');
   cssNode.type = 'text/css';
   cssNode.innerHTML = style;
   cssNode.id = 'docsheet';
   headID.appendChild(cssNode);
 }
 function removeDocSheet(win)
 {
   var subdoc = win.document;
   var node = subdoc.getElementById('docsheet');
   node.parentNode.removeChild(node);
 }
 var agent = {
   type: 'agent',
   color: 'rgb(255, 0, 0)',
   addRules: loadAndRegisterAgentSheet,
   removeRules: unregisterAgentSheet
 };
 var user = {
   type: 'user',
   color: 'rgb(0, 255, 0)',
   addRules: loadAndRegisterUserSheet,
   removeRules: unregisterUserSheet
 };
 var additionalAgent = {
   type: 'additionalAgent',
   color: 'rgb(0, 0, 255)',
   addRules: loadAgentSheet,
   removeRules: removeAgentSheet
 };
 var additionalUser = {
   type: 'additionalUser',
   color: 'rgb(255, 255, 0)',
   addRules: loadUserSheet,
   removeRules: removeUserSheet
 };
 var additionalAuthor = {
   type: 'additionalAuthor',
   color: 'rgb(255, 255, 0)',
   addRules: loadAuthorSheet,
   removeRules: removeAuthorSheet
 };
 var doc = {
   type: 'doc',
   color: 'rgb(0, 255, 255)',
   addRules: setDocSheet,
   removeRules: removeDocSheet
 };
 var author = {
   type: 'author',
   color: 'rgb(255, 0, 255)',
   addRules: loadAndRegisterAuthorSheet,
   removeRules: unregisterAuthorSheet
 };
 function loadAndCheck(win, firstType, secondType, swap, result1, result2)
 {
   var firstStyle = getStyle(firstType.color, false);
   var secondStyle = getStyle(secondType.color, swap);
   firstType.addRules(win, firstStyle);
   secondType.addRules(win, secondStyle);
   var cs = win.getComputedStyle(win.document.body, null);
   is(cs.getPropertyValue('color'), result1,
     firstType.type + "(normal)" + " vs " + secondType.type + (swap ? "(important)" : "(normal)" ) + " 1");
   is(cs.getPropertyValue('background-color'), result2,
     firstType.type + "(important)" + " vs " + secondType.type + (swap ? "(normal)" : "(important)" ) + " 2");
   firstType.removeRules(win, firstStyle);
   secondType.removeRules(win, secondStyle);
   is(cs.getPropertyValue('color'), 'rgb(0, 0, 0)', firstType.type + " vs " + secondType.type + " 3");
   is(cs.getPropertyValue('background-color'), 'transparent', firstType.type + " vs " + secondType.type + " 4");
 }
 // There are 8 cases. Regular against regular, regular against important, important
 // against regular, important against important. We can load style from typeA first
 // then typeB or the other way around so that's 4*2=8 cases.
 function testStyleVsStyle(win, typeA, typeB, results)
 {
   function color(res)
   {
     return res ? typeB.color : typeA.color;
   }
   loadAndCheck(win, typeA, typeB, false, color(results.AB.rr), color(results.AB.ii));
   loadAndCheck(win, typeB, typeA, false, color(results.BA.rr), color(results.BA.ii));
   loadAndCheck(win, typeA, typeB, true, color(results.AB.ri), color(results.AB.ir));
   loadAndCheck(win, typeB, typeA, true, color(results.BA.ir), color(results.BA.ri));
 }
 // 5 user agent normal declarations
 // 4 user normal declarations
 // 3 author normal declarations
 // 2 author important declarations
 // 1 user important declarations
 // 0 user agent important declarations
 function run()
 {
   var iframe = document.getElementById("iframe");
   var win = iframe.contentWindow;
 // Some explanation how to interpret this result table...
 // in case of loading the agent style first and the user style later (AB)
 // if there is an important rule in both for let's say color (ii)
 // the rule specified in the agent style will lead (AB.ii == 0)
 // If both rules would be just regular rules the one specified in the user style
 // would lead. (AB.rr == 1). If we would load/add the rules in reverse order that
 // would not change that (BA.rr == 1)
   testStyleVsStyle(win, agent, user,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, agent, doc,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalUser, agent,
                    {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, additionalUser, doc,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAgent, user,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAgent, doc,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAgent, additionalUser,
                    {AB:{rr:1, ii:0, ri:1, ir:0}, BA:{rr:1, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, author, doc,
                    {AB:{rr:0, ii:0, ri:1, ir:0}, BA:{rr:0, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, author, user,
                    {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, author, agent,
                    {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, author, additionalUser,
                    {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAuthor, doc,
                    {AB:{rr:0, ii:0, ri:1, ir:0}, BA:{rr:0, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAuthor, author,
                    {AB:{rr:0, ii:0, ri:1, ir:0}, BA:{rr:0, ii:0, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAuthor, user,
                      {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAuthor, agent,
                      {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   testStyleVsStyle(win, additionalAuthor, additionalUser,
                    {AB:{rr:0, ii:1, ri:1, ir:0}, BA:{rr:0, ii:1, ri:1, ir:0}});
   SimpleTest.finish();
 }
 SimpleTest.waitForExplicitFinish();
 </script>
 </pre>
 </body>
 </html>

The Tor Browser / annotate

layout/style/test/chrome/test_additional_sheets.html@4ab42b5ab56c (annotated)

layout/style/test/chrome/test_additional_sheets.html