haikuwebkit/LayoutTests/fast/media/mq-any-pointer-cssom.html

46 lines
1.7 KiB
HTML

<!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 any-pointer media feature.")
var testCases = [
// Case.
["(any-pointer)", "(any-pointer)"],
["( any-pointer)", "(any-pointer)"],
["(any-pointer )", "(any-pointer)"],
["( any-pointer )", "(any-pointer)"],
["(any-pointer: fine)", "(any-pointer: fine)"],
["(any-pointer: Fine)", "(any-pointer: fine)"],
["(any-pointer: FINE)", "(any-pointer: fine)"],
["(Any-Pointer: fine)", "(any-pointer: fine)"],
["(ANY-POINTER: fine)", "(any-pointer: fine)"],
["(Any-Pointer: Fine)", "(any-pointer: fine)"],
["(any-pointer: COARSE)", "(any-pointer: coarse)"],
["(Any-Pointer: Coarse)", "(any-pointer: coarse)"],
["(any-pointer: NONE)", "(any-pointer: none)"],
["(Any-Pointer: None)", "(any-pointer: none)"],
// Spacing.
["(any-pointer:fine)", "(any-pointer: fine)"],
["(any-pointer: fine)", "(any-pointer: fine)"],
["(any-pointer :fine)", "(any-pointer: fine)"],
["(any-pointer : fine)", "(any-pointer: fine)"],
["( any-pointer : fine )", "(any-pointer: fine)"],
["(any-pointer\t:\tfine)", "(any-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>