| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../../resources/js-test-pre.js"></script> |
| <p>Test inputmode attribute on contenteditable element</p> |
| <div id=editor contenteditable></div> |
| <div id=console></div> |
| <script> |
| debug('Missing value default:'); |
| shouldBe('editor.inputMode', '""'); |
| shouldBeNull('editor.getAttribute("inputmode")'); |
| |
| debug(''); |
| debug('Invalid value default:'); |
| shouldBe('editor.inputMode = "foobar"; editor.inputMode', '""'); |
| shouldBe('editor.getAttribute("inputmode")', '"foobar"'); |
| shouldBe('editor.setAttribute("inputmode", "baz"); editor.inputMode', '""'); |
| |
| debug(''); |
| debug('Valid values:'); |
| shouldBe('editor.inputMode = "none"; editor.inputMode', '"none"'); |
| shouldBe('editor.getAttribute("inputmode")', '"none"'); |
| shouldBe('editor.setAttribute("inputmode", "none"); editor.inputMode', '"none"'); |
| shouldBe('editor.inputMode = "text"; editor.inputMode', '"text"'); |
| shouldBe('editor.getAttribute("inputmode")', '"text"'); |
| shouldBe('editor.setAttribute("inputmode", "text"); editor.inputMode', '"text"'); |
| shouldBe('editor.inputMode = "tel"; editor.inputMode', '"tel"'); |
| shouldBe('editor.getAttribute("inputmode")', '"tel"'); |
| shouldBe('editor.setAttribute("inputmode", "tel"); editor.inputMode', '"tel"'); |
| shouldBe('editor.inputMode = "url"; editor.inputMode', '"url"'); |
| shouldBe('editor.getAttribute("inputmode")', '"url"'); |
| shouldBe('editor.setAttribute("inputmode", "url"); editor.inputMode', '"url"'); |
| shouldBe('editor.inputMode = "email"; editor.inputMode', '"email"'); |
| shouldBe('editor.getAttribute("inputmode")', '"email"'); |
| shouldBe('editor.setAttribute("inputmode", "email"); editor.inputMode', '"email"'); |
| shouldBe('editor.inputMode = "numeric"; editor.inputMode', '"numeric"'); |
| shouldBe('editor.getAttribute("inputmode")', '"numeric"'); |
| shouldBe('editor.setAttribute("inputmode", "numeric"); editor.inputMode', '"numeric"'); |
| shouldBe('editor.inputMode = "decimal"; editor.inputMode', '"decimal"'); |
| shouldBe('editor.getAttribute("inputmode")', '"decimal"'); |
| shouldBe('editor.setAttribute("inputmode", "decimal"); editor.inputMode', '"decimal"'); |
| shouldBe('editor.inputMode = "search"; editor.inputMode', '"search"'); |
| shouldBe('editor.getAttribute("inputmode")', '"search"'); |
| shouldBe('editor.setAttribute("inputmode", "search"); editor.inputMode', '"search"'); |
| |
| debug(''); |
| debug('Valid case-insensitive values:'); |
| shouldBe('editor.inputMode = "tExt"; editor.inputMode', '"text"'); |
| shouldBe('editor.getAttribute("inputmode")', '"tExt"'); |
| shouldBe('editor.setAttribute("inputmode", "tExt"); editor.inputMode', '"text"'); |
| |
| debug(''); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
