// 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');