4 <script src="../fast/js/resources/js-test-pre.js"></script>
9 <div id="text-ellipsis" tabindex="0" style="width:50px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;" class="name">My Writing Nook for iPad. More text, more text, more text.</div>
10 <div id="text-noellipsis" tabindex="0" style="width:50px; white-space: nowrap;" class="name">My Writing Nook for iPad. More text, more text, more text.</div>
13 <p id="description"></p>
14 <div id="console"></div>
17 if (window.accessibilityController) {
18 description("This test makes sure that the bounds of text that overflows with ellipsis is correct (shortened to the ellipsis that is).");
20 // The width of the ellipsis text should be short.
21 document.getElementById("text-ellipsis").focus();
22 var textContainer = accessibilityController.focusedElement;
23 var textNode = textContainer.childAtIndex(0);
24 var clippedWidth = textNode.width;
26 // The width of non-ellipsis'd text should be longer.
27 document.getElementById("text-noellipsis").focus();
28 textContainer = accessibilityController.focusedElement;
29 textNode = textContainer.childAtIndex(0);
30 var fullWidth = textNode.width;
32 shouldBeTrue("clippedWidth < fullWidth");
36 <script src="../fast/js/resources/js-test-post.js"></script>