<!DOCTYPE html>
<html>
<body>
<script src="../../resources/js-test-pre.js"></script>
<style id="target-style"></style>

<script>
    description("Test the CSSOM serialization of the pointer media feature.")

    var testCases = [
        // Case.
        ["(pointer)", "(pointer)"],
        ["(    pointer)", "(pointer)"],
        ["(pointer    )", "(pointer)"],
        ["(    pointer    )", "(pointer)"],
        ["(pointer: fine)", "(pointer: fine)"],
        ["(pointer: Fine)", "(pointer: fine)"],
        ["(pointer: FINE)", "(pointer: fine)"],
        ["(Pointer: fine)", "(pointer: fine)"],
        ["(POINTER: fine)", "(pointer: fine)"],
        ["(Pointer: Fine)", "(pointer: fine)"],
        ["(pointer: COARSE)", "(pointer: coarse)"],
        ["(Pointer: Coarse)", "(pointer: coarse)"],
        ["(pointer: NONE)", "(pointer: none)"],
        ["(Pointer: None)", "(pointer: none)"],

        // Spacing.
        ["(pointer:fine)", "(pointer: fine)"],
        ["(pointer: fine)", "(pointer: fine)"],
        ["(pointer :fine)", "(pointer: fine)"],
        ["(pointer : fine)", "(pointer: fine)"],
        ["(     pointer    : fine     )", "(pointer: fine)"],
        ["(pointer\t:\tfine)", "(pointer: fine)"],
    ];

    var targetStyle = document.getElementById('target-style');
    for (var testCase of testCases) {
        targetStyle.innerText = "@media " + testCase[0] + " { }";
        shouldBeEqualToString("document.styleSheets[1].cssRules[0].media.mediaText", testCase[1]);
    }
</script>

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