<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="../../fast/js/resources/js-test-style.css"/>
<script src="../../fast/js/resources/js-test-pre.js"/>
</head>
<body>
<svg display="none" xmlns="http://www.w3.org/2000/svg"><text id="text"/></svg>
<p id="description"></p>
<div id="console"/>
<script>
var textElement = document.getElementById("text");
var computedStyle;

function parseGlyphOrientationHelper(property, angleValue, expectedValue)
{
    textElement.setAttributeNS(null, property, angleValue);
    computedStyle = textElement.ownerDocument.defaultView.getComputedStyle(textElement);

    debug("Test angleValue: '" + angleValue + "'");

    if (expectedValue == "auto") {
        shouldBe("computedStyle.getPropertyValue('" + property + "')", '"auto"');
    } else {
        shouldBe("computedStyle.getPropertyCSSValue('" + property + "').getFloatValue(CSSPrimitiveValue.CSS_DEG)", "" + expectedValue);
    }

    debug("");
}

function parseGlyphOrientation(angleValue, expectedValue)
{
    if (expectedValue == undefined) {
        parseGlyphOrientationHelper("glyph-orientation-horizontal", angleValue, 0.0);
        parseGlyphOrientationHelper("glyph-orientation-vertical", angleValue, "auto");
    } else {
        parseGlyphOrientationHelper("glyph-orientation-horizontal", angleValue, expectedValue);
        parseGlyphOrientationHelper("glyph-orientation-vertical", angleValue, expectedValue);
    }
}

description('Stress test glyph-orientation SVG CSS properties');
debug('');

debug('Strings that fail to parse, and hence parse as "0" for horziontal and "auto" as vertical.');
debug('');

parseGlyphOrientation(" 0,1");
parseGlyphOrientation("  0,00000.1");
parseGlyphOrientation("  0 1");
parseGlyphOrientation("0.1 0.2");

parseGlyphOrientation(" 270,1");
parseGlyphOrientation("  270,00000.1");
parseGlyphOrientation("  270 1");
parseGlyphOrientation("270.1 0.2");


debug('This tests the rounding of glyph orientation values to the only allowed values 0, 90, 180, 270.');
debug('');

parseGlyphOrientation("-0.0", 0.0);
parseGlyphOrientation("-10.0", 0.0);
parseGlyphOrientation("-45.0", 0.0);
parseGlyphOrientation("0.0", 0.0);
parseGlyphOrientation("10.0", 0.0);
parseGlyphOrientation("45.0", 0.0);

parseGlyphOrientation("-90.0", 90.0);
parseGlyphOrientation("-100.0", 90.0);
parseGlyphOrientation("-135.0", 90.0);
parseGlyphOrientation("90.0", 90.0);
parseGlyphOrientation("100.0", 90.0);
parseGlyphOrientation("135.0", 90.0);

parseGlyphOrientation("-180.0", 180.0);
parseGlyphOrientation("-190.0", 180.0);
parseGlyphOrientation("-225.0", 180.0);
parseGlyphOrientation("180.0", 180.0);
parseGlyphOrientation("190.0", 180.0);
parseGlyphOrientation("225.0", 180.0);

parseGlyphOrientation("-270.0", 270.0);
parseGlyphOrientation("-280.0", 270.0);
parseGlyphOrientation("-305.0", 270.0);
parseGlyphOrientation("270.0", 270.0);
parseGlyphOrientation("280.0", 270.0);
parseGlyphOrientation("305.0", 270.0);

debug('Tests angles bigger than 360.');
debug('');

parseGlyphOrientation("449.0", 90.0);
parseGlyphOrientation("450.0", 90.0);
parseGlyphOrientation("451.0", 90.0);

parseGlyphOrientation("539.0", 180.0);
parseGlyphOrientation("540.0", 180.0);
parseGlyphOrientation("541.0", 180.0);

parseGlyphOrientation("629.0", 270.0);
parseGlyphOrientation("630.0", 270.0);
parseGlyphOrientation("631.0", 270.0);

debug('Tests whitespace before/after angle value.');
debug('');

parseGlyphOrientation("  .0 ", 0.0);
parseGlyphOrientation("   0  ", 0.0);
parseGlyphOrientation(" 90.0 ", 90.0);
parseGlyphOrientation(" 180.0    ", 180.0);
parseGlyphOrientation("  270.0 ", 270.0);

debug('Tests rounding of fractional angle values.');
debug('');

parseGlyphOrientation("45.0000", 0.0);
parseGlyphOrientation("45.0001", 90.0);
parseGlyphOrientation("135.000", 90.0);
parseGlyphOrientation("135.001", 180.0);

successfullyParsed = true;

</script>
<script src="../../fast/js/resources/js-test-post.js"></script>

</body>
</html>