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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
<!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>
|
