acid3-test-77.html | Explore in Territory

<!--
// test 77: external SVG fonts, from Erik Dahlstrom
//
// SVGFonts are described here[3], and the relevant DOM methods
// used in the test are defined here[4].
//
// Note that in order to be more predictable the svg should be
// visible, so that clause "For non-rendering environments, the
// user agent shall make reasonable assumptions about glyph
// metrics." doesn't influence the results. We use 'opacity:0'
// to hide the SVG, but arguably it's still a "rendering
// environment".
//
// The font-size 4000 was chosen because that matches the
// unitsPerEm value in the svgfont, which makes it easy to check
// the glyph advances since they will then be exactly what was
// specified in the svgfont.
//
// [3] http://www.w3.org/TR/SVG11/fonts.html
// [4] http://www.w3.org/TR/SVG11/text.html#InterfaceSVGTextContentElement
-->

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="../../resources/js-test.js"></script>
</head>
<body>
<p id="description"></p>
<div id="console"></div>
<script>
  description("Acid3 test 77, checking text metric functionality");

  window.jsTestIsAsync = true;
  if (window.testRunner)
    testRunner.waitUntilDone();

  var text;
  var iframe;

  function startTest() {
    iframe = document.createElement("iframe");
    iframe.onload = fontLoaded;
    iframe.src = "resources/Acid3Font-loader.svg";
    document.documentElement.appendChild(iframe);
  }

  var fontLoaded = function() {
    var svg = iframe.getSVGDocument().documentElement;
    text = iframe.getSVGDocument().getElementsByTagName('text')[0];
    text.textContent = "abc";
    text.setAttribute("y", "1em");
    text.setAttribute("font-size", "4000");
    executeTest();
  }

  function executeTest() {
    // The font-size 4000 was chosen because that matches the unitsPerEm value in the svgfont,
    // which makes it easy to check the glyph advances since they will then be exactly what was specified in the svgfont.
    shouldBe("text.getNumberOfChars()", "3");
    shouldBe("text.getComputedTextLength()", "4711+42+23");
    shouldBe("text.getSubStringLength(0,1)", "42");
    shouldBe("text.getSubStringLength(0,2)", "42+23");
    shouldBe("text.getSubStringLength(1,1)", "23");
    shouldBe("text.getSubStringLength(1,0)", "0");
    shouldBe("text.getSubStringLength(1, 3)", "4734");
    shouldBe("text.getSubStringLength(0, 4)", "4776");
    shouldThrow("text.getSubStringLength(3, 0)");
    shouldThrow("text.getSubStringLength(-17, 20)");
    shouldBe("text.getStartPositionOfChar(0).x", "0");
    shouldBe("text.getStartPositionOfChar(1).x", "42");
    shouldBe("text.getStartPositionOfChar(2).x", "42+23");
    shouldBe("text.getStartPositionOfChar(0).y", "4000");
    shouldThrow("text.getEndPositionOfChar(-1)");
    shouldThrow("text.getEndPositionOfChar(4)");
    shouldBe("text.getEndPositionOfChar(0).x", "42");
    shouldBe("text.getEndPositionOfChar(1).x", "42+23");
    shouldBe("text.getEndPositionOfChar(2).x", "42+23+4711");
    shouldThrow("text.getEndPositionOfChar(-17)");
    shouldThrow("text.getEndPositionOfChar(4)");

    finishJSTest();
  }

  startTest();
</script>
</body>
</html>
chromium/third_party/blink/web_tests/svg/custom/acid3-test-77.html
