Index: third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-raf.js |
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-raf.js b/third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-raf.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b94cb08cfb34290d83a6ae29eceeadaecba84980 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-raf.js |
@@ -0,0 +1,39 @@ |
+(async function(testRunner) { |
+ let {page, session, dp} = await testRunner.startHTML(` |
+ <div id='myDiv'>DIV</div> |
+ `, ''); |
+ |
+ |
+ function performActions() { |
+ var callback; |
+ var promise = new Promise((fulfill) => callback = fulfill); |
+ var rafId2; |
+ var rafId1 = requestAnimationFrame(() => callback({ rafId1: rafId1, rafId2: rafId2 })); |
+ rafId2 = requestAnimationFrame(function() { }); |
+ cancelAnimationFrame(rafId2); |
+ return promise; |
+ } |
+ |
+ var tracingHelper = (await testRunner.loadScript('../resources/tracing-test.js'))(testRunner, session); |
+ await session.evaluate(performActions.toString()); |
+ tracingHelper.invokeAsyncWithTracing('performActions', finish); |
+ |
+ function finish(devtoolsEvents, data) { |
+ var firedRaf = data.rafId1; |
+ var canceledRaf = data.rafId2; |
+ |
+ function hasRafId(id, e) { return e.args.data.id === id } |
+ |
+ var raf1 = tracingHelper.findEvent('RequestAnimationFrame', 'I', hasRafId.bind(this, firedRaf)); |
+ var raf2 = tracingHelper.findEvent('RequestAnimationFrame', 'I', hasRafId.bind(this, canceledRaf)); |
+ |
+ testRunner.log('RequestAnimationFrame has frame: ' + !!raf1.args.data.frame); |
+ testRunner.log('RequestAnimationFrame frames match: ' + (raf1.args.data.frame === raf2.args.data.frame)); |
+ |
+ tracingHelper.findEvent('CancelAnimationFrame', 'I', hasRafId.bind(this, canceledRaf)); |
+ tracingHelper.findEvent('FireAnimationFrame', 'X', hasRafId.bind(this, firedRaf)); |
+ |
+ testRunner.log('SUCCESS: found all expected events.'); |
+ testRunner.completeTest(); |
+ } |
+}) |