summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/long-animation-frame/tentative/loaf-script-block.html
blob: 759b31f9a1a991830ae0ce9a0296483ccb3bb555 (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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>Long Animation Frame Timing: script blocks</title>
<meta name="timeout" content="long">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="resources/utils.js"></script>
<script src="resources/busy.js?from-parser"></script>
<body>
<h1>Long Animation Frame: script blocks</h1>
<div id="log"></div>
<script>
promise_test(async t => {
  await new Promise(resolve => {
    new PerformanceObserver((list, observer) => {
      if (list.getEntries().find(loaf => loaf.scripts.some(script =>
        script.invoker === new URL("resources/busy.js?from-parser", location.href).href))) {
        observer.disconnect();
        resolve();
      }
    }).observe({type: "long-animation-frame", buffered: true});
  })
}, "Parser-inserted classic script should generate a long script");

test_self_script_block(t => {
    const script = document.createElement("script");
    script.type = "module";
    script.innerHTML = `(${busy_wait.toString()})()`;
    document.body.appendChild(script);
}, location.href, "module-script");

test_self_script_block(t => {
    const script = document.createElement("script");
    script.src = "resources/busy.js";
    document.body.appendChild(script);
}, new URL("resources/busy.js", location.href).href, "classic-script");

test_self_script_block(t => {
    const uid = token();
    const script = document.createElement("script");
    script.src = `resources/busy.js?token=${uid}`;
    script.type = "module";
    document.body.appendChild(script);
}, new URL("resources/busy.js", location.href).href, "module-script");

test_self_script_block(t => {
    const uid = token();
    const script = document.createElement("script");
    script.type = "module";
    script.innerHTML = `import("./resources/busy.js?import=${uid}");`;
    document.body.appendChild(script);
}, new URL("resources/busy.js?import", location.href).href, "module-script");

const busy_wait_str = `  (function() {
    const deadline = performance.now() + 365;
    while (performance.now() < deadline) {}
  })()
`;

const data_url = `data:text/javascript;charset=utf-8,${encodeURIComponent(busy_wait_str)}`;

test_self_script_block(t => {
    const script = document.createElement("script");
    script.src = data_url;
    document.body.appendChild(script);
}, "data:", "classic-script");

const blob_url = URL.createObjectURL(new Blob([busy_wait_str], {type: "text/javascript"}));

test_self_script_block(t => {
    const script = document.createElement("script");
    script.src = blob_url;
    document.body.appendChild(script);
}, blob_url, "classic-script");
</script>
</body>