[DevTools] New harness for inspector-protocol layout tests

third_party/WebKit/LayoutTests/inspector-protocol/timeline/timeline-raf.js

+(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();
+  }
+})