[DevTools] New harness for inspector-protocol layout tests

third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.js

Index: third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.js
diff --git a/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.js b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.js
new file mode 100644
index 0000000000000000000000000000000000000000..0fd2256b59b88bab6e7cd0db4836481b382aecfa
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector-protocol/animation/animation-empty-transition-cancel.js
@@ -0,0 +1,19 @@
+(async function(testRunner) {
+  let {page, session, dp} = await testRunner.startHTML(`
+    <div id='node' style='background-color: red; width: 100px'></div>
+  `, '');
+
+  dp.Animation.onAnimationCreated(() => testRunner.log('Animation created'));
+  dp.Animation.onAnimationCanceled(() => testRunner.log('Animation canceled'));
+  dp.Animation.enable();
+  await session.evaluate(`
+    node.offsetTop;
+    node.style.transition = "1s";
+    node.offsetTop;
+    node.style.width = "200px";
+    node.offsetTop;
+    node.style.transition = "";
+    node.offsetTop;
+  `);
+  testRunner.completeTest();
+})