| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="../../../resources/ui-helper.js"></script> |
| <style> |
| body.hide-everything-except-test-container > :not(#test-container) { |
| display: none; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="test-container"> |
| <p>Here's to the crazy ones.</p> |
| <p>The misfits.</p> |
| <p>The rebels.</p> |
| </div> |
| <script> |
| let testContainer = document.getElementById("test-container"); |
| let paragraphs = testContainer.children; |
| let selection = window.getSelection(); |
| |
| function toggleOnlyShowTestContainer() |
| { |
| document.body.classList.toggle("hide-everything-except-test-container"); |
| } |
| |
| async function testExtendSelectionToNextCharacter() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 0, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + right arrow to select the next character:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("rightArrow", ["shiftKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "He"); |
| } |
| |
| async function testExtendSelectionToPreviousCharacter() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 3, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + left arrow to select the previous character:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("leftArrow", ["shiftKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Her"); |
| } |
| |
| async function testExtendSelectionToEndOfWord() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 0, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Option + right arrow to select to the end of the word:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("rightArrow", ["shiftKey", "altKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's "); |
| } |
| |
| async function testExtendSelectionToBeginningOfWord() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[1].firstChild, 3, paragraphs[1].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Option + left arrow to select to the beginning of the word:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("leftArrow", ["shiftKey", "altKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "The"); |
| } |
| |
| async function textExtendSelectionToEndOfLine() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 0, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Control + right arrow to select to the end of the line:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("rightArrow", ["shiftKey", "ctrlKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's to the crazy ones."); |
| } |
| |
| async function testExtendSelectionToBeginningOfLine() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[1].firstChild, paragraphs[1].firstChild.length, paragraphs[1].firstChild, paragraphs[1].firstChild.length - 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Control + left arrow to select to the beginning of the line:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("leftArrow", ["shiftKey", "ctrlKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "The misfits."); |
| } |
| |
| async function testExtendSelectionUp() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[1].firstChild, 1, paragraphs[1].firstChild, 0), document, "selectionchange"); |
| |
| debug("<br>Press Shift + up arrow to select up:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("upArrow", ["shiftKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's to the crazy ones.\n\nT"); |
| } |
| |
| async function testExtendSelectionDown() |
| { |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[1].firstChild, 0, paragraphs[1].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + down arrow to select down:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("downArrow", ["shiftKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "The misfits.\n\nT"); |
| } |
| |
| async function testExtendSelectionToEndOfParagraph() |
| { |
| toggleOnlyShowTestContainer(); |
| |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 0, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Option + down arrow to select to the end of the paragraph:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("downArrow", ["shiftKey", "altKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's to the crazy ones."); |
| |
| toggleOnlyShowTestContainer(); |
| } |
| |
| async function testExtendSelectionToBeginningOfParagraph() |
| { |
| toggleOnlyShowTestContainer(); |
| |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[2].firstChild, paragraphs[2].firstChild.length, paragraphs[2].firstChild, paragraphs[2].firstChild.length - 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Option + up arrow to select to the beginning of the paragraph:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("upArrow", ["shiftKey", "altKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "The rebels."); |
| |
| toggleOnlyShowTestContainer(); |
| } |
| |
| async function testExtendSelectionToEndOfDocument() |
| { |
| toggleOnlyShowTestContainer(); |
| |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[0].firstChild, 0, paragraphs[0].firstChild, 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Control + down arrow to select to the end of the document:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("downArrow", ["shiftKey", "ctrlKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's to the crazy ones.\n\nThe misfits.\n\nThe rebels."); |
| |
| toggleOnlyShowTestContainer(); |
| } |
| |
| async function testExtendSelectionToBeginningOfDocument() |
| { |
| toggleOnlyShowTestContainer(); |
| |
| await UIHelper.callFunctionAndWaitForEvent(() => selection.setBaseAndExtent(paragraphs[1].firstChild, paragraphs[1].firstChild.length, paragraphs[1].firstChild, paragraphs[1].firstChild.length - 1), document, "selectionchange"); |
| |
| debug("<br>Press Shift + Control + up arrow to select to the beginning of the document:"); |
| await UIHelper.callFunctionAndWaitForEvent(() => window.testRunner && UIHelper.keyDown("upArrow", ["shiftKey", "ctrlKey"]) , document, "selectionchange"); |
| shouldBeEqualToString("window.getSelection().toString()", "Here's to the crazy ones.\n\nThe misfits."); |
| |
| toggleOnlyShowTestContainer(); |
| } |
| |
| async function runTests() |
| { |
| await testExtendSelectionToNextCharacter(); |
| await testExtendSelectionToPreviousCharacter(); |
| await testExtendSelectionToEndOfWord(); |
| await testExtendSelectionToBeginningOfWord(); |
| await textExtendSelectionToEndOfLine(); |
| await testExtendSelectionToBeginningOfLine(); |
| await testExtendSelectionUp(); |
| await testExtendSelectionDown(); |
| await testExtendSelectionToEndOfParagraph(); |
| await testExtendSelectionToBeginningOfParagraph(); |
| await testExtendSelectionToEndOfDocument(); |
| await testExtendSelectionToBeginningOfDocument(); |
| |
| document.body.removeChild(document.getElementById("test-container")); |
| finishJSTest(); |
| } |
| |
| window.jsTestIsAsync = true; |
| description("Test selecting non-editable text using the keyboard."); |
| runTests(); |
| </script> |
| </body> |
| </html> |
