| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../../resources/js-test.js"></script> | 4 <script src="../../../resources/js-test.js"></script> |
| 5 <style> | 5 <style> |
| 6 :invalid { | 6 :invalid { |
| 7 background-color: #ff0000; | 7 background-color: #ff0000; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 </head> | 10 </head> |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 shouldBeFalse('number.validity.valid'); | 33 shouldBeFalse('number.validity.valid'); |
| 34 shouldBeTrue('number.validity.badInput'); | 34 shouldBeTrue('number.validity.badInput'); |
| 35 shouldBeEqualToString('number.value', ''); | 35 shouldBeEqualToString('number.value', ''); |
| 36 | 36 |
| 37 debug("Type '1' additionally. The element becomes valid."); | 37 debug("Type '1' additionally. The element becomes valid."); |
| 38 document.execCommand('InsertText', false, '1'); | 38 document.execCommand('InsertText', false, '1'); |
| 39 shouldNotBe('colorOf(number)', 'invalidStyleColor'); | 39 shouldNotBe('colorOf(number)', 'invalidStyleColor'); |
| 40 shouldBeFalse('number.validity.badInput'); | 40 shouldBeFalse('number.validity.badInput'); |
| 41 shouldBeEqualToString('number.value', '-1'); | 41 shouldBeEqualToString('number.value', '-1'); |
| 42 | 42 |
| 43 debug("Type 'a' additionally. The element becomes badInput again."); | 43 debug("Type '-' additionally. The element becomes badInput again."); |
| 44 document.execCommand('InsertText', false, 'a'); | 44 document.execCommand('InsertText', false, '-'); |
| 45 shouldBe('colorOf(number)', 'invalidStyleColor'); | 45 shouldBe('colorOf(number)', 'invalidStyleColor'); |
| 46 shouldBeTrue('number.validity.badInput'); | 46 shouldBeTrue('number.validity.badInput'); |
| 47 shouldBeEqualToString('number.value', ''); | 47 shouldBeEqualToString('number.value', ''); |
| 48 | 48 |
| 49 debug("The element losts focus. The element state should not be changed."); | 49 debug("The element losts focus. The element state should not be changed."); |
| 50 document.getElementById('another').focus(); | 50 document.getElementById('another').focus(); |
| 51 shouldBe('colorOf(number)', 'invalidStyleColor'); | 51 shouldBe('colorOf(number)', 'invalidStyleColor'); |
| 52 shouldBeTrue('number.validity.badInput'); | 52 shouldBeTrue('number.validity.badInput'); |
| 53 // Visible value is '-1a'. | 53 // Visible value is '-1-'. |
| 54 number.focus(); | 54 number.focus(); |
| 55 document.execCommand('SelectAll'); | 55 document.execCommand('SelectAll'); |
| 56 shouldBeEqualToString('document.getSelection().toString()', '-1a'); | 56 shouldBeEqualToString('document.getSelection().toString()', '-1-'); |
| 57 shouldBeEqualToString('number.value', ''); | 57 shouldBeEqualToString('number.value', ''); |
| 58 | 58 |
| 59 debug("The element losts a renderer. The element state should not be changed."); | 59 debug("The element losts a renderer. The element state should not be changed."); |
| 60 shouldBeTrue('number.style.display = "none"; number.validity.badInput'); | 60 shouldBeTrue('number.style.display = "none"; number.validity.badInput'); |
| 61 | 61 |
| 62 number.style.display = 'inline-block'; | 62 number.style.display = 'inline-block'; |
| 63 number.focus(); | 63 number.focus(); |
| 64 debug('A bad input should be cleared by value="".'); | 64 debug('A bad input should be cleared by value="".'); |
| 65 shouldBeEqualToString('number.value = ""; document.execCommand("SelectAll"); doc
ument.getSelection().toString()', ''); | 65 shouldBeEqualToString('number.value = ""; document.execCommand("SelectAll"); doc
ument.getSelection().toString()', ''); |
| 66 | 66 |
| 67 debug('Setting a valud value via |value| IDL attribute should clear badInput.'); | 67 debug('Setting a valud value via |value| IDL attribute should clear badInput.'); |
| 68 document.execCommand('InsertText', false, 'non-number'); | 68 document.execCommand('InsertText', false, 'non-number'); |
| 69 shouldBeTrue('number.validity.badInput'); | 69 shouldBeTrue('number.validity.badInput'); |
| 70 shouldBeFalse('number.checkValidity()'); | 70 shouldBeFalse('number.checkValidity()'); |
| 71 number.value = '123'; | 71 number.value = '123'; |
| 72 shouldBeFalse('number.validity.badInput'); | 72 shouldBeFalse('number.validity.badInput'); |
| 73 shouldBeTrue('number.checkValidity()'); | 73 shouldBeTrue('number.checkValidity()'); |
| 74 | 74 |
| 75 document.getElementById('parent').innerHTML = ''; | 75 document.getElementById('parent').innerHTML = ''; |
| 76 </script> | 76 </script> |
| 77 </body> | 77 </body> |
| 78 </html> | 78 </html> |
| OLD | NEW |