summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/preload/preload-xhr.html
blob: 53515bfa3304d5ae70147af64070d7df42d78180 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="/preload/resources/preload_helper.js"></script>
<script>

const dummyContent = '<?xml version="1.0" encoding="utf-8"?>\n<root>Text.me</root>\n';
promise_test(async (t) => {
  const url = `resources/dummy.xml?token=${token()}`;
  const link = document.createElement('link');
  link.rel = 'preload';
  link.as = 'fetch';
  link.href = url;
  link.crossOrigin = 'anonymous';

  document.head.appendChild(link);

  const xhr = new XMLHttpRequest();
  await new Promise((resolve, reject) => {
    xhr.onloadend = resolve;
    xhr.onloaderror = reject;
    xhr.open('GET', url);
    xhr.send();
  });
  verifyNumberOfResourceTimingEntries(url, 1);
  assert_equals(xhr.status, 200);
  assert_equals(xhr.responseText, dummyContent);

}, 'Make an XHR request immediately after creating link rel=preload.');

promise_test(async (t) => {
  const url = `resources/dummy.xml?token=${token()}`;
  const link = document.createElement('link');
  link.rel = 'preload';
  link.as = 'fetch';
  link.href = url;
  link.crossOrigin = 'anonymous';

  await new Promise((resolve, reject) => {
    link.addEventListener('load', resolve, {once: true});
    link.addEventListener('error', reject, {once: true});
    document.head.appendChild(link);
  });

  const xhr = new XMLHttpRequest();
  await new Promise((resolve, reject) => {
    xhr.onloadend = resolve;
    xhr.onloaderror = reject;
    xhr.open('GET', url);
    xhr.send();
  });
  verifyNumberOfResourceTimingEntries(url, 1);
  assert_equals(xhr.status, 200);
  assert_equals(xhr.responseText, dummyContent);
}, 'Make an XHR request after loading link rel=preload.');

</script>