<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=655877 --> <head> <meta charset=UTF-8> <title>Test for Bug 655877</title> <script src="/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=655877">Mozilla Bug 655877</a> <p id="display"></p> <div id="content"> <svg width="400" height="200"> <text x="100" y="100" style="font: 16px sans-serif">abc אבג 123 דהו defg</text> </svg> </div> <pre id="test"> <script class="testbody" type="application/javascript"> SimpleTest.waitForExplicitFinish(); function close(x, y, message) { if (Math.abs(x - y) < 1e-4) { ok(true, message); } else { // Use is() so that the difference is actually printed in the error message is(x, y, message); } } function runTest() { var text = document.querySelector("text"); // there are only 20 addressable characters is(text.getNumberOfChars(), 20, "getNumberOfChars"); var sum, total = text.getComputedTextLength(); close(text.getSubStringLength(0, 20), total, "getSubStringLength all"); // add the advance of each glyph sum = 0; for (var i = 0; i < 20; i++) { sum += text.getSubStringLength(i, 1); } close(sum, total, "sum getSubStringLength 1"); // split the text up into three chunks and add them together close(text.getSubStringLength(0, 6) + text.getSubStringLength(6, 8) + text.getSubStringLength(14, 6), total, "sum getSubStringLength 2"); SimpleTest.finish(); } window.addEventListener("load", runTest); </script> </pre> </body> </html>