longtask-in-externalscript.html (2185B)
1 <!DOCTYPE HTML> 2 <meta charset=utf-8> 3 <title>LongTask Timing: long task in external script</title> 4 <body> 5 6 <script src="/resources/testharness.js"></script> 7 <script src="/resources/testharnessreport.js"></script> 8 <script src="resources/utils.js"></script> 9 10 <h1>Long Task: External Script</h1> 11 <div id="log"></div> 12 <script> 13 promise_test(function(t) { 14 assert_implements(window.PerformanceLongTaskTiming, 'Longtasks are not supported.'); 15 const performanceObserverTimeout = 5 * 1000; 16 const longTasksPromise = new Promise(resolve => { 17 const observer = new PerformanceObserver( 18 t.step_func(function(entryList) { 19 const entries = entryList.getEntries(); 20 entries.forEach(longtask => { 21 assert_equals(longtask.entryType, 'longtask'); 22 if (hasUnrelatedTaskName(longtask.name, 'self')) { 23 return; 24 } 25 checkLongTaskEntry(longtask); 26 // Assert the TaskAttributionTiming entry in attribution. 27 assert_equals(longtask.attribution.length, 1, 28 'Exactly one attribution entry is expected'); 29 const attribution = longtask.attribution[0]; 30 assert_equals(attribution.entryType, 'taskattribution'); 31 assert_equals(attribution.name, 'unknown'); 32 assert_equals(attribution.duration, 0); 33 assert_equals(attribution.startTime, 0); 34 assert_equals(attribution.containerType, 'window'); 35 assert_equals(attribution.containerId, ''); 36 assert_equals(attribution.containerName, ''); 37 assert_equals(attribution.containerSrc, ''); 38 observer.disconnect(); 39 resolve(); 40 }) 41 })); 42 observer.observe({ 43 entryTypes: ['longtask'] 44 }); 45 const script = document.createElement('script'); 46 script.src = 'resources/makelongtask.js'; 47 document.body.appendChild(script); 48 }); 49 const timeout = new Promise( 50 (resolve, reject) => t.step_timeout( 51 () => { 52 reject(new Error('observer failed to find any entries')) 53 }, 54 performanceObserverTimeout) 55 ) 56 return Promise.race([longTasksPromise, timeout]); 57 }, 'Performance longtask entries are observable.'); 58 </script> 59 </body>