api.html - mozsearch

Enable keyboard shortcuts

This test has a WPT meta file that expects 5 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /uievents/textInput/api.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset=utf-8>

<title>textInput: API</title>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<input class=test-el>

<textarea class=test-el></textarea>

<div contenteditable class=test-el></div>

<script src="support/common.js"></script>

<script>

test(() => {

  assert_throws_js(TypeError, () => {

    new TextEvent('textInput');

});

}, "No constructor");

test(() => {

  const e = document.createEvent('TextEvent');

  assert_equals(Object.getPrototypeOf(e), window.TextEvent.prototype);

  assert_equals(Object.getPrototypeOf(Object.getPrototypeOf(e)), window.UIEvent.prototype);

  assert_equals(Object.getPrototypeOf(Object.getPrototypeOf(Object.getPrototypeOf(e))), window.Event.prototype);

}, "document.CreateEvent('TextEvent') prototype chain");

test(() => {

  const e = document.createEvent('TextEvent');

  assert_throws_js(TypeError, () => { e.initTextEvent(); });

}, "initTextEvent() no arguments");

test(() => {

  const e = document.createEvent('TextEvent');

  e.initTextEvent('foo');

  assert_equals(e.type, 'foo');

  assert_equals(e.bubbles, false);

  assert_equals(e.cancelable, false);

  assert_equals(e.view, null);

  assert_equals(e.data, 'undefined');

}, "initTextEvent('foo')");

test(() => {

  const e = document.createEvent('TextEvent');

  e.initTextEvent('foo', true, true, window, 'bar');

  assert_equals(e.type, 'foo');

  assert_equals(e.bubbles, true);

  assert_equals(e.cancelable, true);

  assert_equals(e.view, window);

  assert_equals(e.data, 'bar');

}, "initTextEvent('foo', true, true, window, 'bar')");

test(() => {

  const div = document.createElement('div');

  let textinputCount = 0;

  let textInputCount = 0;

  div.addEventListener('textinput', e => {

    assert_equals(e.type, 'textinput');

    textinputCount++;

});

  div.addEventListener('textInput', e => {

    assert_equals(e.type, 'textInput');

    textInputCount++;

});

  const textinputEvent = document.createEvent('TextEvent');

  textinputEvent.initTextEvent('textinput');

  div.dispatchEvent(textinputEvent);

  const textInputEvent = document.createEvent('TextEvent');

  textInputEvent.initTextEvent('textInput');

  div.dispatchEvent(textInputEvent);

  assert_equals(textinputCount, 1);

  assert_equals(textInputCount, 1);

}, "case sensitivity: textInput vs textinput");

const els = document.querySelectorAll('.test-el');

for (const el of els) {

  promise_test(t => {

    return new Promise((resolve, reject) => {

      el.addEventListener('textInput', reject);

      el.addEventListener('input', t.step_func(e => {

        const actualValue = 'value' in el ? el.value : el.textContent;

        assert_equals(actualValue, 'a');

        resolve();

      }));

      el.focus();

      document.execCommand('insertText', false, 'a');

});

  }, `execCommand('insertText', false, 'a'), ${elDesc(el)}` );

</script>