The Tor Browser: dom/tests/mochitest/general/resource_timing_main

dom/tests/mochitest/general/resource_timing_main_test.html@6474c204b198 (annotated)

dom/tests/mochitest/general/resource_timing_main_test.html

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.

 <!--
   Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/
 -->
 <!--
   This file contains test for the Resource Timing and Performance Timeline APIs.
   The test starts by checking that all the entries were added to the performance
   object.
   The next step is to check that the "performance" object and its "getEntries()"
   methods are available. We check all the 3 methods: getEntries,
   getEntriesByName() and getEntriesByType().
   As a next step, we check that the entries contain the correct information
   ("checkEntries()" method).
   The test checks that the entries contain all the required members, that the
   timings are sorted properly and that the entries were returned in
   chronological order with respect to startTime. In "checkEntries()", it is also
   checked if the order of the entries is the expected order (the expected order
   is hard-coded here).
   The last test from the "checkEntries()" method will verify the iframe case:
   the iframe must be added as an entry to this window's performance object,
   while the image from the iframe should not be added here.
   Next tests will check the Performance API extensions introduced by the
   resource timing: window.performance.setResourceTimingBufferSize(1) and
   window.performance.clearResourceTimings();
   The last tests will verify that the xhr resources are also added as entries
   to our performance object.
   Meanwhile, the iframe from the page will get loaded
   (resource_timing_iframe.html).
   The iframe contains a second script that will do some tests, as well, plus
   an image - its own resource.
   The script from the iframe will check that the iframe itself was not added
   as an entry (to itself). Also, it will check that its image was added as
   entry to the iframe's performance object.
   The last check is a double check: check that no subdocuments were added as
   entries for this iframe's performance object.
   The parent's (this window) "ok_wrapper()" method will be called once the tests
   are completed.
 -->
 <!DOCTYPE html>
 <html>
 <head>
 	<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
 	<script type="application/javascript">
 var mainWindowTestsDone = false;
 var iframeTestsDone = false;
 function ok(cond, message) {
   window.opener.ok(cond, message)
 }
 function is(received, expected, message) {
   window.opener.is(received, expected, message);
 }
 function isnot(received, notExpected, message) {
   window.opener.isnot(received, notExpected, message);
 }
 window.onload = function() {
   ok(!!window.performance, "Performance object should exist");
   ok(!!window.performance.getEntries, "Performance.getEntries() should exist");
   ok(!!window.performance.getEntriesByName, "Performance.getEntriesByName() should exist");
   ok(!!window.performance.getEntriesByType, "Performance.getEntriesByType() should exist");
   // Here, we should have 6 entries (1 css, 3 png, 1 html) since the image was loaded.
   is(window.performance.getEntries().length, 5, "Performance.getEntries() returned wrong number of entries.");
   ok(!!window.performance.getEntriesByType("resource").length,
     "Performance.getEntriesByType() should return some results");
   ok(!!window.performance.getEntriesByName("http://example.com/tests/image/test/mochitest/blue.png").length,
     "Performance.getEntriesByName() should return some results");
   // Checks that two calls for "getEntries()" return a different array with the same
   // entries.
   ok(window.performance.getEntries() !== window.performance.getEntries(),
     "getEntries() should return a different array object every time.");
   ok(function (array1, array2) {
        if (array1.length != array2.length) {
          return false;
        }
        for (var i = 0 ; i < array1.length ; i++) {
          if (array1[i] !== array2[i]) {
            return false;
          }
        }
        return true;
      }(window.performance.getEntries(), window.performance.getEntries()),
      "The arrays should have the same entries.");
   checkEntries(window.performance.getEntries());
   window.performance.setResourceTimingBufferSize(1);
   is(window.performance.getEntries().length, 5, "No entries should be " +
     "removed when setResourceTimingBufferSize is called.");
   window.performance.setResourceTimingBufferSize(4);
   is(window.performance.getEntries().length, 5, "No entries should be " +
     "removed when setResourceTimingBufferSize is called.");
   window.performance.setResourceTimingBufferSize(1);
   window.performance.clearResourceTimings();
   is(window.performance.getEntries().length, 0, "All the entries should " +
     "be removed when when clearResourceTimings is being called.");
   makeXhr("test-data.json", firstCheck);
 }
 function checkEntries(anEntryList) {
   // Check that all the entries have all the properties.
   for (var i = 0 ; i < anEntryList.length ; i++) {
     var entry = anEntryList[i];
     ok(!!entry, "PerformanceEntry should not be null");
     ok(!!entry.name, "PerformanceEntry.name should be valid.");
     ok(entry.startTime > 0, "PerformanceEntry.startTime should be grater than 0");
     // The entries list should be in chronological order with respect to startTime
     if (i > 0) {
       ok(anEntryList[i - 1].startTime <= anEntryList[i].startTime,
         "Entries list should be in chronological order with respect to startTime.");
     }
     // Check that each entry has all the properties and that the timings were
     // returned in the expected order.
     if ("initiatorType" in entry) {
       ok("redirectStart" in entry, "PerformanceEntry.redirectStart should be part of PerformanceEntry");
       ok("redirectEnd" in entry, "PerformanceEntry.redirectEnd should be part of PerformanceEntry");
       ok("fetchStart" in entry, "PerformanceEntry.fetchStart should be part of PerformanceEntry");
       ok("domainLookupStart" in entry, "PerformanceEntry.domainLookupStart should be part of PerformanceEntry");
       ok("domainLookupEnd" in entry, "PerformanceEntry.domainLookupEnd should be part of PerformanceEntry");
       ok("connectStart" in entry, "PerformanceEntry.connectStart should be part of PerformanceEntry");
       ok("connectEnd" in entry, "PerformanceEntry.connectEnd should be part of PerformanceEntry");
       ok("secureConnectionStart" in entry, "PerformanceEntry.secureConnectionStart should be part of PerformanceEntry");
       ok("requestStart" in entry, "PerformanceEntry.requestStart should be part of PerformanceEntry");
       ok("responseStart" in entry, "PerformanceEntry.responseStart should be part of PerformanceEntry");
       ok("responseEnd" in entry, "PerformanceEntry.responseEnd should be part of PerformanceEntry");
       // Check that timings are in proper order
       sequence = ['startTime', 'redirectStart', 'redirectEnd', 'fetchStart',
                   'domainLookupStart', 'domainLookupEnd', 'connectStart',
                   'connectEnd', 'requestStart', 'responseStart', 'responseEnd'];
       for (var j = 1; j < sequence.length; ++j) {
         var prop = sequence[j];
         var prevProp = sequence[j-1];
         ok(entry[prevProp] <= entry[prop],
           ['Expected ', prevProp, ' to happen before ', prop,
            ', got ', prevProp, ' = ', entry[prevProp],
           ', ', prop, ' = ', entry[prop]].join(''));
       }
     }
   }
   // Check that the entries have the expected initiator type. We can't check
   // the order (the order might depend on the platform the tests are running).
   allResources = {
     "http://mochi.test:8888/tests/SimpleTest/test.css" : "link",
     "http://example.com/tests/image/test/mochitest/blue.png" : "img",
     "http://example.com/tests/image/test/mochitest/red.png" : "object",
     "http://example.com/tests/image/test/mochitest/big.png" : "embed",
     "http://mochi.test:8888/tests/dom/tests/mochitest/general/resource_timing_iframe.html" : "subdocument"};
   for (resourceName in allResources) {
     // Check that we have a resource with the specific name.
     namedEntries = window.performance.getEntriesByName(resourceName);
     ok (!!namedEntries && (namedEntries.length == 1),
       "An entry with the name '" + resourceName + "' should be available");
     // Double check for the entry name.
     is (namedEntries[0].name, resourceName, "The resource name is invalid");
     // Check the initiator type.
     is (namedEntries[0].initiatorType, allResources[resourceName],
       "The initiator type for " + resourceName + " is invalid");
   }
   // Check that the iframe's image was NOT added as an entry to this window's performance entry.
   ok(!window.performance.getEntriesByName("http://example.com/tests/image/test/mochitest/damon.jpg").length,
     "http://example.com/tests/image/test/mochitest/damon.jpg should be a valid entry name");
 }
 function firstCheck() {
   is(window.performance.getEntries().length, 1, "The first xhr entry was not added.");
   is(window.performance.getEntries()[0].initiatorType, "xmlhttprequest",
     "The initiatorType is incorect for this entry");
   makeXhr("test-data2.json", secondCheck);
 }
 function secondCheck() {
   // Since the buffer max size was set to '1', 'peformance.getEntries()' should
   // return only  '1' entry (first xhr results).
   is(window.performance.getEntries().length, 1, "The second xhr entry should not be " +
     "returned since the buffer size was set to 1.");
   isnot(window.performance.getEntries()[0].name, "http://mochi.test:8888/tests/dom/tests/mochitest/general/test-data2.json",
     "We returned the second xhr instead of the first one");
   finishTest();
 }
 function finishTest() {
   // Check if all the tests are completed.
   if (iframeTestsDone) {
     window.opener.finishTests();
   } else {
     mainWindowTestsDone = true;
   }
 }
 function makeXhr(aUrl, aCallback) {
   var xmlhttp = new XMLHttpRequest();
   xmlhttp.onload = aCallback;
   xmlhttp.open("get", aUrl, true);
   xmlhttp.send();
 }
 function checkArraysHaveSameElementsInSameOrder(array1, array2) {
   if (array1.length != array2.length) {
     return false;
   }
   for (var i = 0 ; i < array1.length ; i++) {
     if (array1[i] !== array2[i]) {
       return false;
     }
   }
   return true;
 }
 function iframeTestsCompleted() {
   if (mainWindowTestsDone) {
     window.opener.finishTests();
   }
   else {
     iframeTestsDone = true;
   }
 }
 </script>
 </head>
 <body>
   <a target="_blank"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=822480"
      title="Add resource timing API.">
     Bug #822480 -  Add in the Resource Timing API
   </a>
   <p id="display"></p>
   <div id="content">
     <img src="http://example.com/tests/image/test/mochitest/blue.png">
       <object data="http://example.com/tests/image/test/mochitest/red.png" type="image/png"/>
       <embed src="http://example.com/tests/image/test/mochitest/big.png" type="image/png"/>
       <iframe sandbox="allow-same-origin allow-scripts" id="if_2" src="resource_timing_iframe.html" height="10" width="10"></iframe>
   </div>
 </body>
 </html>

The Tor Browser / annotate

dom/tests/mochitest/general/resource_timing_main_test.html@6474c204b198 (annotated)

dom/tests/mochitest/general/resource_timing_main_test.html