1 files changed, 197 insertions, 0 deletions
diff --git a/testing/web-platform/tests/serial/serialPort_events.https.any.js b/testing/web-platform/tests/serial/serialPort_events.https.any.js
new file mode 100644
index 0000000000..fa3db6a3b3
--- /dev/null
+++ b/testing/web-platform/tests/serial/serialPort_events.https.any.js
@@ -0,0 +1,197 @@
+// META: script=/resources/test-only-api.js
+// META: script=/serial/resources/common.js
+// META: script=resources/automation.js
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expectedTargets = [navigator.serial];
+
+  const actualTargets = [];
+  function eventHandler(evt) {
+    actualTargets.push(evt.currentTarget);
+
+    if (evt.currentTarget == navigator.serial) {
+      evt.stopPropagation();
+    }
+  }
+
+  targets.forEach((target) => {
+    target.addEventListener('foo', eventHandler, {capture: true});
+    // stopPropagation() during capturing prevents bubbling.
+    target.addEventListener('foo', eventHandler);
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', eventHandler, {capture: true});
+      target.removeEventListener('foo', eventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+
+  assert_array_equals(actualTargets, expectedTargets, 'actualTargets');
+}, 'stopPropagation() during capturing');
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expectedTargets = [navigator.serial];
+
+  const actualTargets = [];
+  function eventHandler(evt) {
+    actualTargets.push(evt.currentTarget);
+
+    if (evt.currentTarget == navigator.serial) {
+      evt.cancelBubble = true;
+    }
+  }
+
+  targets.forEach((target) => {
+    target.addEventListener('foo', eventHandler, {capture: true});
+    // Setting cancelBubble during capturing prevents bubbling.
+    target.addEventListener('foo', eventHandler);
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', eventHandler, {capture: true});
+      target.removeEventListener('foo', eventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+
+  assert_array_equals(actualTargets, expectedTargets, 'actualTargets');
+}, 'Set cancelBubble during capturing');
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expectedTargets = [port];
+
+  const actualTargets = [];
+  function eventHandler(evt) {
+    actualTargets.push(evt.currentTarget);
+
+    if (evt.currentTarget == port) {
+      evt.stopPropagation();
+    }
+  }
+
+  targets.forEach((target) => {
+    target.addEventListener('foo', eventHandler);
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', eventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+
+  assert_array_equals(actualTargets, expectedTargets, 'actualTargets');
+}, 'stopPropagation() during bubbling');
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expectedTargets = [port];
+
+  const actualTargets = [];
+  function eventHandler(evt) {
+    actualTargets.push(evt.currentTarget);
+
+    if (evt.currentTarget == port) {
+      evt.cancelBubble = true;
+    }
+  }
+
+  targets.forEach((target) => {
+    target.addEventListener('foo', eventHandler);
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', eventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+
+  assert_array_equals(actualTargets, expectedTargets, 'actualTargets');
+}, 'Set cancelBubble during bubbling');
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expectedTargets = [
+    navigator.serial,
+    port,
+    navigator.serial,
+    port,
+  ];
+  const expectedTypes = [
+    'foo',
+    'bar',
+    'bar',
+    'foo',
+  ];
+
+  const actualTargets = [];
+  const actualTypes = [];
+  function eventHandler(evt) {
+    actualTargets.push(evt.currentTarget);
+    actualTypes.push(evt.type);
+
+    if (evt.currentTarget == navigator.serial && evt.type == 'foo') {
+      port.dispatchEvent(new CustomEvent('bar', {bubbles: true}));
+    }
+  }
+
+  targets.forEach((target) => {
+    target.addEventListener('foo', eventHandler, {capture: true});
+    target.addEventListener('bar', eventHandler);
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', eventHandler, {capture: true});
+      target.removeEventListener('bar', eventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+
+  assert_array_equals(actualTargets, expectedTargets, 'actualTargets');
+  assert_array_equals(actualTypes, expectedTypes, 'actualTypes');
+}, 'An event dispatched in an event handler is propagated before continuing');
+
+serial_test(async (t, fake) => {
+  const {port, fakePort} = await getFakeSerialPort(fake);
+
+  const targets = [navigator.serial, port];
+  const expected = [
+    'capturing Serial',
+    'capturing SerialPort',
+    'bubbling SerialPort',
+    'bubbling Serial',
+  ];
+
+  const actual = [];
+  targets.forEach((target) => {
+    const bubblingEventHandler = () => {
+      actual.push(`bubbling ${target.constructor.name}`);
+    };
+    target.addEventListener('foo', bubblingEventHandler);
+    const capturingEventHandler = () => {
+      actual.push(`capturing ${target.constructor.name}`);
+    };
+    target.addEventListener('foo', capturingEventHandler, {capture: true});
+
+    t.add_cleanup(() => {
+      target.removeEventListener('foo', bubblingEventHandler, {capture: true});
+      target.removeEventListener('foo', capturingEventHandler);
+    });
+  });
+
+  port.dispatchEvent(new CustomEvent('foo', {bubbles: true}));
+  assert_array_equals(actual, expected);
+}, 'Capturing and bubbling events delivered to listeners in the expected order');