Chromium Code Reviews Chromium Code Reviews
Issue 2796823002:
Convert onchange-js.html test for testharness.js. (Closed)
| Index: third_party/WebKit/LayoutTests/fast/forms/textfield-change-event.html |
| diff --git a/third_party/WebKit/LayoutTests/fast/forms/textfield-change-event.html b/third_party/WebKit/LayoutTests/fast/forms/textfield-change-event.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1edc607cb21f0f4db49040996e98af25665c2211 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/fast/forms/textfield-change-event.html |
| @@ -0,0 +1,80 @@ |
| +<!DOCTYPE html> |
| +<body> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| + |
| +<input id="input" type="text" onchange="changeHandler()"> |
| +<input id="number" type="number" onchange="changeHandler()"> |
| +<textarea id="textarea" onchange="changeHandler()"></textarea> |
| + |
| +<script> |
| +var changeEventCounter = 0; |
| +function changeHandler() { |
| + changeEventCounter++; |
| + element.value = ''; |
| +} |
| + |
| +function elementDesc(element) { |
| + if (element.tagName == 'TEXTAREA') |
| + return 'TEXTAREA'; |
| + return 'INPUT[type=' + element.type + ']'; |
| +} |
| + |
| +function testValueUpdateOnChange(element, userInput) { |
| + test(() => { |
| + changeEventCounter = 0; |
| + element.focus(); |
| + document.execCommand('InsertText', false, userInput); |
| + assert_equals(element.value, userInput); |
| + element.blur(); |
| + assert_equals(changeEventCounter, 1); |
| + assert_equals(element.value, ''); |
| + |
| + element.focus(); |
| + document.execCommand('InsertText', false, userInput); |
| + assert_equals(element.value, userInput); |
| + element.blur(); |
| + assert_equals(changeEventCounter, 2); |
| + }, elementDesc(element) + ': Updating value in a CHANGE event handler'); |
| +} |
| + |
| +function testValueUpdateWithoutUserEdit(element, jsInput) { |
| + test(() => { |
| + changeEventCounter = 0; |
| + element.value = ''; |
| + element.focus(); |
| + element.value = jsInput; |
| + element.blur(); |
| + assert_equals(changeEventCounter, 0); |
| + }, elementDesc(element) + ': Updating value while element is focused'); |
| +} |
| + |
| +function testValueUpdateAfterUserEdit(element, userInput, jsInput) { |
| + test(() => { |
| + changeEventCounter = 0; |
| + element.value = '0'; |
| + element.focus(); |
| + document.execCommand('InsertText', false, userInput); |
| + element.value = jsInput; |
| + element.blur(); |
| + assert_equals(changeEventCounter, 1); |
| + }, elementDesc(element) + ': Updating value after a user edit'); |
| +} |
| + |
| +var element = document.getElementById('input'); |
| +testValueUpdateOnChange(element, 'foo bar'); |
| +testValueUpdateWithoutUserEdit(element, 'FOO BAR'); |
| +testValueUpdateAfterUserEdit(element, 'foo bar', 'FOO BAR'); |
| + |
| +element = document.getElementById('number'); |
| +testValueUpdateOnChange(element, '123'); |
| +testValueUpdateWithoutUserEdit(element, '999'); |
| +testValueUpdateAfterUserEdit(element, '123', '999'); |
| + |
| +element = document.getElementById('textarea'); |
| +testValueUpdateOnChange(element, 'foo bar'); |
| +testValueUpdateWithoutUserEdit(element, 'FOO BAR'); |
| +testValueUpdateAfterUserEdit(element, 'foo bar', 'FOO BAR'); |
| +</script> |
| +</body> |
| +</html> |
|
kochi
2017/04/04 06:38:59
nit: You don't have opening <html> tag.
tkent
2017/04/04 07:00:44
Thanks! Fixed.
|
