observable-event-target.window.js | Explore in Territory

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

chromium/third_party/blink/web_tests/external/wpt/dom/observable/tentative/observable-event-target.window.js