| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body id="body"> |
| |
| <div id="content"> |
| <div id="textcontrol" contenteditable="true">some<div>hello world</div><div>test</div></div> |
| <textarea id="textarea" cols='60' rows='8'>hello test |
| world</textarea> |
| </div> |
| <div id="textcontrol2" contenteditable="true">abc<div><br></div<div><br></div><div><br></div><div>def</div></div> |
| |
| <div id="textcontrol3" contenteditable="true"> |
| <p>ab</p> |
| <p>cd ef</p> |
| </div> |
| |
| <div id="textcontrol4" contenteditable="true"> |
| <pre> |
| Text in a pre element |
| is displayed in a fixed-width |
| font |
| </pre> |
| </div> |
| |
| <div role="group" id="console"></div> |
| |
| <script> |
| |
| description("This tests that when there are newline characters within text controls, we can get the correct text range from index and length."); |
| |
| // Test contenteditable with newlines. |
| var textControl = accessibilityController.accessibleElementById("textcontrol"); |
| var textSome = textControl.stringForRange(0, 4); |
| shouldBe("textSome", "'some'"); |
| |
| var textHello = textControl.stringForRange(5, 5); |
| shouldBe("textHello", "'hello'"); |
| |
| var textWorld = textControl.stringForRange(11, 5); |
| shouldBe("textWorld", "'world'"); |
| |
| var textTest = textControl.stringForRange(17, 4); |
| shouldBe("textTest", "'test'"); |
| |
| // Test <textarea> with newlines. |
| var textarea = accessibilityController.accessibleElementById("textarea"); |
| var textareaTextHello = textarea.stringForRange(0, 5); |
| var textareaTextWorld = textarea.stringForRange(11, 5); |
| shouldBe("textareaTextHello", "'hello'"); |
| shouldBe("textareaTextWorld", "'world'"); |
| |
| // Test multiple <br> in contenteditable |
| var textControl2 = accessibilityController.accessibleElementById("textcontrol2"); |
| var textDEF = textControl2.stringForRange(7, 3); |
| shouldBe("textDEF", "'def'"); |
| |
| // Test line ranges in contenteditable |
| var textControl3 = accessibilityController.accessibleElementById("textcontrol3"); |
| var rangeValue = textControl3.stringForRange(2, 4); |
| // Replace the newline characters, and make sure it has two of them |
| rangeValue = rangeValue.replace(/(?:\r\n|\r|\n)/g, '[newline]'); |
| shouldBe("rangeValue", "'[newline][newline]cd'"); |
| |
| // pre tag in contenteditable |
| var textControl4 = accessibilityController.accessibleElementById("textcontrol4"); |
| rangeForLine = textControl4.rangeForLine(1); |
| shouldBe("rangeForLine", "'{22, 30}'"); |
| textLine = textControl4.stringForRange(22, 30); |
| shouldBe("textLine", "'is displayed in a fixed-width\\n'"); |
| firstLine = textControl4.lineForIndex(21); |
| secondLine = textControl4.lineForIndex(51); |
| shouldBe("firstLine", "0"); |
| shouldBe("secondLine", "1"); |
| |
| </script> |
| |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
