mirror of
https://repo.dactyloidae.xyz/Dactyloidae/UXP.git
synced 2026-09-27 02:47:31 +09:00
import FIREFOX_52_6_0esr_RELEASE from mozilla-esr52 hg repo
This commit is contained in:
Roy Tam
commit
dcd9973243
150858 changed files with 23884658 additions and 0 deletions
288
dom/tests/mochitest/general/resource_timing_main_test.html
Normal file
288
dom/tests/mochitest/general/resource_timing_main_test.html
Normal file
|
|
@ -0,0 +1,288 @@
|
|||
<!--
|
||||
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);
|
||||
}
|
||||
|
||||
var bufferFullCounter = 0;
|
||||
const expectedBufferFullEvents = 1;
|
||||
|
||||
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");
|
||||
|
||||
window.performance.onresourcetimingbufferfull = function() {
|
||||
bufferFullCounter += 1;
|
||||
}
|
||||
|
||||
// Here, we should have 5 entries (1 css, 3 png, 1 html) since the image was loaded.
|
||||
is(window.performance.getEntriesByType("resource").length, 5, "Performance.getEntriesByType() returned wrong number of entries.");
|
||||
|
||||
checkStringify(window.performance.getEntriesByType("resource")[0]);
|
||||
|
||||
ok(!!window.performance.getEntriesByType("resource").length,
|
||||
"Performance.getEntriesByType() should return some results");
|
||||
ok(!!window.performance.getEntriesByName("http://mochi.test:8888/tests/image/test/mochitest/blue.png").length,
|
||||
"Performance.getEntriesByName() should return some results");
|
||||
|
||||
// Checks that two calls for "getEntriesByType()" return a different array with the same
|
||||
// entries.
|
||||
isnot(window.performance.getEntriesByType("resource"), window.performance.getEntriesByType("resource"),
|
||||
"getEntriesByType() 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.getEntriesByType("resource"), window.performance.getEntriesByType("resource")),
|
||||
"The arrays should have the same entries.");
|
||||
|
||||
checkEntries(window.performance.getEntriesByType("resource"));
|
||||
|
||||
window.performance.setResourceTimingBufferSize(1);
|
||||
is(window.performance.getEntriesByType("resource").length, 5, "No entries should be " +
|
||||
"removed when setResourceTimingBufferSize is called.");
|
||||
|
||||
window.performance.setResourceTimingBufferSize(4);
|
||||
is(window.performance.getEntriesByType("resource").length, 5, "No entries should be " +
|
||||
"removed when setResourceTimingBufferSize is called.");
|
||||
|
||||
window.performance.setResourceTimingBufferSize(1);
|
||||
window.performance.clearResourceTimings();
|
||||
is(window.performance.getEntriesByType("resource").length, 0, "All the entries should " +
|
||||
"be removed when when clearResourceTimings is being called.");
|
||||
|
||||
makeXhr("test-data.json", firstCheck);
|
||||
}
|
||||
|
||||
function checkStringify(entry) {
|
||||
var object = JSON.parse(JSON.stringify(entry));
|
||||
var keys = ["initiatorType","redirectStart","redirectEnd","fetchStart",
|
||||
"domainLookupStart","domainLookupEnd","connectStart","connectEnd",
|
||||
"secureConnectionStart","requestStart","responseStart","responseEnd",
|
||||
"name","entryType","startTime","duration"];
|
||||
for (var i in keys) {
|
||||
ok(keys[i] in object, "The serialization should contain key: "+keys[i]);
|
||||
}
|
||||
}
|
||||
|
||||
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];
|
||||
if (prop == 'redirectStart' && entry[prop] == 0)
|
||||
continue;
|
||||
if (prop == 'redirectEnd' && entry[prop] == 0)
|
||||
continue;
|
||||
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://mochi.test:8888/tests/image/test/mochitest/blue.png" : "img",
|
||||
"http://mochi.test:8888/tests/image/test/mochitest/red.png" : "object",
|
||||
"http://mochi.test:8888/tests/image/test/mochitest/big.png" : "embed",
|
||||
"http://mochi.test:8888/tests/dom/tests/mochitest/general/resource_timing_iframe.html" : "iframe"};
|
||||
|
||||
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");
|
||||
|
||||
if (!namedEntries.length) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// 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://mochi.test:8888/tests/image/test/mochitest/damon.jpg").length,
|
||||
"http://mochi.test:8888/tests/image/test/mochitest/damon.jpg should be a valid entry name");
|
||||
}
|
||||
|
||||
function firstCheck() {
|
||||
is(window.performance.getEntriesByType("resource").length, 1, "The first xhr entry was not added.");
|
||||
is(window.performance.getEntriesByType("resource")[0].initiatorType, "xmlhttprequest",
|
||||
"The initiatorType is incorrect for this entry");
|
||||
makeXhr("test-data2.json", secondCheck);
|
||||
}
|
||||
|
||||
function secondCheck() {
|
||||
// Since the buffer max size was set to '1', 'peformance.getEntriesByType()' should
|
||||
// return only '1' entry (first xhr results).
|
||||
is(window.performance.getEntriesByType("resource").length, 1, "The second xhr entry should not be " +
|
||||
"returned since the buffer size was set to 1.");
|
||||
isnot(window.performance.getEntriesByType("resource")[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) {
|
||||
is(bufferFullCounter, expectedBufferFullEvents, "onresourcetimingbufferfull called a wrong number of times");
|
||||
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) {
|
||||
is(bufferFullCounter, expectedBufferFullEvents, "onresourcetimingbufferfull called a wrong number of times");
|
||||
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://mochi.test:8888/tests/image/test/mochitest/blue.png">
|
||||
<object data="http://mochi.test:8888/tests/image/test/mochitest/red.png" type="image/png"></object>
|
||||
<embed src="http://mochi.test:8888/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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue