| <!DOCTYPE html> <!-- webkit-test-runner [ useFlexibleViewport=true editable=true ] --> |
| <html> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <head> |
| <script src="../../../resources/basic-gestures.js"></script> |
| <script src="../../../resources/ui-helper.js"></script> |
| <style> |
| body { |
| margin: 0; |
| } |
| </style> |
| <script> |
| function appendOutput(string) { |
| let pre = document.createElement("pre"); |
| pre.textContent = string; |
| document.body.appendChild(pre); |
| } |
| |
| beforeInputEvents = []; |
| inputEvents = []; |
| eventNumber = 0; |
| |
| async function run() |
| { |
| script.remove(); |
| |
| document.body.addEventListener("beforeinput", event => { |
| beforeInputEvents.push({ |
| "inputType": event.inputType, |
| "data": event.data, |
| "order": ++eventNumber |
| }); |
| }); |
| |
| document.body.addEventListener("input", event => { |
| inputEvents.push({ |
| "inputType": event.inputType, |
| "data": event.data, |
| "order": ++eventNumber |
| }); |
| }); |
| |
| await UIHelper.setKeyboardInputModeIdentifier("he_IL"); |
| await UIHelper.activateAndWaitForInputSessionAt(100, 250); |
| await UIHelper.ensurePresentationUpdate(); |
| const markupUsingHebrewKeyboard = document.body.innerHTML; |
| |
| document.body.blur(); |
| await UIHelper.waitForKeyboardToHide(); |
| await UIHelper.setKeyboardInputModeIdentifier("en_US"); |
| await UIHelper.activateAndWaitForInputSessionAt(100, 250); |
| await UIHelper.ensurePresentationUpdate(); |
| const markupUsingEnglishKeyboard = document.body.innerHTML; |
| |
| appendOutput(`Using Hebrew keyboard: ${markupUsingHebrewKeyboard}`); |
| appendOutput(`Using English keyboard: ${markupUsingEnglishKeyboard}`); |
| appendOutput(`Observed 'beforeinput' events: ${JSON.stringify(beforeInputEvents, null, 4)}`); |
| appendOutput(`Observed 'input' events: ${JSON.stringify(inputEvents, null, 4)}`); |
| testRunner.notifyDone(); |
| } |
| </script> |
| </head> |
| <body onload="run()"> |
| <div><br></div> |
| <div><br></div> |
| </body> |
| <script id="script"> |
| if (window.testRunner) { |
| testRunner.waitUntilDone(); |
| testRunner.dumpAsText(); |
| } else { |
| const description = document.createElement("p"); |
| description.textContent = "Verifies that focusing an editable area with an RTL keyboard switches text direction to RTL. " |
| + "To test manually, switch to a Hebrew keyboard and focus the editable area. " |
| + "The editable area should be made RTL."; |
| document.body.prepend(description); |
| } |
| </script> |
| </html> |
