blob: 3d20d5b713de85eac63cc24341b119f124c45cfa [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/ui-helper.js"></script>
<style>
body {
margin: 0;
padding: 0;
}
.hidden {
display: none;
}
#ellipsizedText {
font-size: 300%;
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
white-space: nowrap;
width: 55px;
height: 55px;
background-color: green;
color: red;
}
</style>
</head>
<body>
<div id="manual-instructions" class="hidden">
<p>Tests that a text-overflow box is scrollable. To run by hand, perform the following:</p>
<ol>
<li>Click anywhere in the green box (below) to focus it.</li>
<li>Press the down arrow on the keyboard.</li>
</ol>
<p>This test PASSED if you see a solid green square. Otherwise, it FAILED.</p>
</div>
<div id="ellipsizedText" contenteditable="true">abcde</div>
<script>
function runTest()
{
function scrollToEndOfLine()
{
return UIHelper.keyDown("downArrow");
}
function done()
{
document.getElementById("ellipsizedText").blur(); // To avoid painting the caret.
testRunner.notifyDone();
}
UIHelper.activateAndWaitForInputSessionAt(0, 0).then(scrollToEndOfLine).then(done);
}
if (!window.testRunner)
document.getElementById("manual-instructions").classList.remove("hidden"); // Show manual instructions
else {
testRunner.waitUntilDone();
runTest();
}
</script>
</body>
</html>