1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
test(() => {
// See https://dom.spec.whatwg.org/#dom-event-eventphase.
const CAPTURING_PHASE = 1;
const BUBBLING_PHASE = 3;
// First, create a div underneath the `<body>` element. It will be the
// dispatch target for synthetic click events.
const target =
document.querySelector('body').appendChild(document.createElement('div'));
const body = document.querySelector('body');
const captureObservable = body.when('click', {capture: true});
const bubbleObservable = body.when('click', {capture: false});
const results = [];
captureObservable.subscribe(e => results.push(e.eventPhase));
bubbleObservable.subscribe(e => results.push(e.eventPhase));
target.dispatchEvent(new MouseEvent('click', {bubbles: true}));
assert_array_equals(results, [CAPTURING_PHASE, BUBBLING_PHASE]);
}, "EventTarget Observables can listen for events in the capturing or bubbling phase");
test(() => {
const target = new EventTarget();
const observable = target.when('event', {passive: true});
observable.subscribe(event => {
assert_false(event.defaultPrevented);
// Should do nothing, since `observable` is "passive".
event.preventDefault();
assert_false(event.defaultPrevented);
});
// Create a cancelable event which ordinarily would be able to have its
// "default" prevented.
const event = new Event('event', {cancelable: true});
target.dispatchEvent(event);
}, "EventTarget Observables can be 'passive'");
|
