2019-01-21 14:03:30 -05:00
|
|
|
// Copyright 2018-2019 the Deno authors. All rights reserved. MIT license.
|
2019-03-06 20:48:46 -05:00
|
|
|
import { test, assertEquals } from "./test_util.ts";
|
2019-01-05 10:02:44 -05:00
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function addEventListenerTest(): void {
|
2019-01-05 10:02:44 -05:00
|
|
|
const document = new EventTarget();
|
|
|
|
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(document.addEventListener("x", null, false), undefined);
|
|
|
|
assertEquals(document.addEventListener("x", null, true), undefined);
|
|
|
|
assertEquals(document.addEventListener("x", null), undefined);
|
2019-01-05 10:02:44 -05:00
|
|
|
});
|
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function constructedEventTargetCanBeUsedAsExpected(): void {
|
2019-01-05 10:02:44 -05:00
|
|
|
const target = new EventTarget();
|
|
|
|
const event = new Event("foo", { bubbles: true, cancelable: false });
|
|
|
|
let callCount = 0;
|
|
|
|
|
2019-05-27 09:20:34 -04:00
|
|
|
const listener = (e): void => {
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(e, event);
|
2019-01-05 10:02:44 -05:00
|
|
|
++callCount;
|
2019-05-27 09:20:34 -04:00
|
|
|
};
|
2019-01-05 10:02:44 -05:00
|
|
|
|
|
|
|
target.addEventListener("foo", listener);
|
|
|
|
|
|
|
|
target.dispatchEvent(event);
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(callCount, 1);
|
2019-01-05 10:02:44 -05:00
|
|
|
|
|
|
|
target.dispatchEvent(event);
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(callCount, 2);
|
2019-01-05 10:02:44 -05:00
|
|
|
|
|
|
|
target.removeEventListener("foo", listener);
|
|
|
|
target.dispatchEvent(event);
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(callCount, 2);
|
2019-01-05 10:02:44 -05:00
|
|
|
});
|
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function anEventTargetCanBeSubclassed(): void {
|
2019-01-05 10:02:44 -05:00
|
|
|
class NicerEventTarget extends EventTarget {
|
2019-03-09 12:30:38 -05:00
|
|
|
on(type, callback?, options?): void {
|
2019-01-23 07:20:53 -05:00
|
|
|
this.addEventListener(type, callback, options);
|
2019-01-05 10:02:44 -05:00
|
|
|
}
|
|
|
|
|
2019-03-09 12:30:38 -05:00
|
|
|
off(type, callback?, options?): void {
|
2019-01-05 10:02:44 -05:00
|
|
|
this.removeEventListener(type, callback, options);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const target = new NicerEventTarget();
|
2019-03-09 12:30:38 -05:00
|
|
|
new Event("foo", { bubbles: true, cancelable: false });
|
2019-01-05 10:02:44 -05:00
|
|
|
let callCount = 0;
|
|
|
|
|
2019-05-27 09:20:34 -04:00
|
|
|
const listener = (): void => {
|
2019-01-05 10:02:44 -05:00
|
|
|
++callCount;
|
2019-05-27 09:20:34 -04:00
|
|
|
};
|
2019-01-05 10:02:44 -05:00
|
|
|
|
|
|
|
target.on("foo", listener);
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(callCount, 0);
|
2019-01-05 10:02:44 -05:00
|
|
|
|
|
|
|
target.off("foo", listener);
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(callCount, 0);
|
2019-01-05 10:02:44 -05:00
|
|
|
});
|
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function removingNullEventListenerShouldSucceed(): void {
|
2019-01-05 10:02:44 -05:00
|
|
|
const document = new EventTarget();
|
2019-03-06 20:48:46 -05:00
|
|
|
assertEquals(document.removeEventListener("x", null, false), undefined);
|
|
|
|
assertEquals(document.removeEventListener("x", null, true), undefined);
|
|
|
|
assertEquals(document.removeEventListener("x", null), undefined);
|
2019-01-05 10:02:44 -05:00
|
|
|
});
|
2019-03-30 08:18:19 -04:00
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function constructedEventTargetUseObjectPrototype(): void {
|
2019-03-30 08:18:19 -04:00
|
|
|
const target = new EventTarget();
|
|
|
|
const event = new Event("toString", { bubbles: true, cancelable: false });
|
|
|
|
let callCount = 0;
|
|
|
|
|
2019-05-27 09:20:34 -04:00
|
|
|
const listener = (e): void => {
|
2019-03-30 08:18:19 -04:00
|
|
|
assertEquals(e, event);
|
|
|
|
++callCount;
|
2019-05-27 09:20:34 -04:00
|
|
|
};
|
2019-03-30 08:18:19 -04:00
|
|
|
|
|
|
|
target.addEventListener("toString", listener);
|
|
|
|
|
|
|
|
target.dispatchEvent(event);
|
|
|
|
assertEquals(callCount, 1);
|
|
|
|
|
|
|
|
target.dispatchEvent(event);
|
|
|
|
assertEquals(callCount, 2);
|
|
|
|
|
|
|
|
target.removeEventListener("toString", listener);
|
|
|
|
target.dispatchEvent(event);
|
|
|
|
assertEquals(callCount, 2);
|
|
|
|
});
|
2019-04-03 08:41:05 -04:00
|
|
|
|
2019-09-11 12:53:01 -04:00
|
|
|
test(function toStringShouldBeWebCompatible(): void {
|
2019-04-03 08:41:05 -04:00
|
|
|
const target = new EventTarget();
|
|
|
|
assertEquals(target.toString(), "[object EventTarget]");
|
|
|
|
});
|
2019-04-18 21:56:33 -04:00
|
|
|
|
2019-04-21 16:40:10 -04:00
|
|
|
test(function dispatchEventShouldNotThrowError(): void {
|
2019-04-18 21:56:33 -04:00
|
|
|
let hasThrown = false;
|
|
|
|
|
|
|
|
try {
|
|
|
|
const target = new EventTarget();
|
|
|
|
const event = new Event("hasOwnProperty", {
|
|
|
|
bubbles: true,
|
|
|
|
cancelable: false
|
|
|
|
});
|
2019-05-27 09:20:34 -04:00
|
|
|
const listener = (): void => {};
|
|
|
|
target.addEventListener("hasOwnProperty", listener);
|
2019-04-18 21:56:33 -04:00
|
|
|
target.dispatchEvent(event);
|
|
|
|
} catch {
|
|
|
|
hasThrown = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
assertEquals(hasThrown, false);
|
|
|
|
});
|
2019-09-11 12:53:01 -04:00
|
|
|
|
|
|
|
test(function eventTargetThisShouldDefaultToWindow(): void {
|
|
|
|
const {
|
|
|
|
addEventListener,
|
|
|
|
dispatchEvent,
|
|
|
|
removeEventListener
|
|
|
|
} = EventTarget.prototype;
|
|
|
|
let n = 1;
|
|
|
|
const event = new Event("hello");
|
|
|
|
const listener = (): void => {
|
|
|
|
n = 2;
|
|
|
|
};
|
|
|
|
|
|
|
|
addEventListener("hello", listener);
|
|
|
|
window.dispatchEvent(event);
|
|
|
|
assertEquals(n, 2);
|
|
|
|
n = 1;
|
|
|
|
removeEventListener("hello", listener);
|
|
|
|
window.dispatchEvent(event);
|
|
|
|
assertEquals(n, 1);
|
|
|
|
|
|
|
|
window.addEventListener("hello", listener);
|
|
|
|
dispatchEvent(event);
|
|
|
|
assertEquals(n, 2);
|
|
|
|
n = 1;
|
|
|
|
window.removeEventListener("hello", listener);
|
|
|
|
dispatchEvent(event);
|
|
|
|
assertEquals(n, 1);
|
|
|
|
});
|