2013-02-13 13:45:05 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2013-09-08 02:07:30 +00:00
|
|
|
<script src="../resources/js-test-pre.js"></script>
|
2013-02-13 13:45:05 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<script>
|
|
|
|
|
description("Test window.CSS.supports()");
|
|
|
|
|
|
2017-06-06 18:27:53 +00:00
|
|
|
shouldBeTrue('CSS.supports("display: none")');
|
2013-02-13 13:45:05 +00:00
|
|
|
shouldBeTrue('CSS.supports("(display: none)")');
|
2017-06-06 18:27:53 +00:00
|
|
|
shouldBeTrue('CSS.supports(" display: none ")');
|
2013-02-13 13:45:05 +00:00
|
|
|
shouldBeFalse('CSS.supports("(display: deadbeef)")');
|
|
|
|
|
|
2017-06-06 18:27:53 +00:00
|
|
|
shouldBeFalse('CSS.supports("display: deadbeef")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) and ((display: block) or (display: inline))")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(not (display: deadbeef)) and (display: block)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("top: -webkit-calc(80% - 20px)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("background-color: rgb(0, 128, 0)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("background: url(\'/blah\')")');
|
|
|
|
|
shouldBeFalse('CSS.supports("background: invalid(\'/blah\')")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display: none;")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display: none; garbage")');
|
|
|
|
|
shouldBeFalse('CSS.supports(" display: none ; garbage ")');
|
|
|
|
|
|
2013-02-13 13:45:05 +00:00
|
|
|
// Negation
|
|
|
|
|
shouldBeTrue('CSS.supports("not (display: deadbeef)")');
|
|
|
|
|
shouldBeFalse('CSS.supports("not (display: none)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("not (not (display: none))")');
|
|
|
|
|
shouldBeFalse('CSS.supports("not (not (not (display: none)))")');
|
|
|
|
|
|
|
|
|
|
// Conjunction.
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) and (display: block)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) and (display: block) and (display: inline)")');
|
|
|
|
|
shouldBeFalse('CSS.supports("(display: none) and (display: block) and (display: deadbeef) and (display: inline)")');
|
|
|
|
|
|
|
|
|
|
// Disjunction.
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) or (display: inline)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) or (display: block) or (display: inline)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) or (display: deadbeef) or (display: inline)")');
|
|
|
|
|
shouldBeFalse('CSS.supports("(display: ohhai) or (display: deadbeef) or (display: rainbows)")');
|
|
|
|
|
|
|
|
|
|
// Bad syntax. Can't mix operators without a layer of parentheses..
|
|
|
|
|
shouldBeFalse('CSS.supports("(display: none) and (display: block) or (display: inline)")');
|
|
|
|
|
shouldBeFalse('CSS.supports("not (display: deadbeef) and (display: block)")');
|
|
|
|
|
|
|
|
|
|
// Mix 'n match.
|
|
|
|
|
shouldBeTrue('CSS.supports("(not (border: 1px 1px 1px 1px 1px solid #000)) and (display: block)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: block !important) and ((display: inline) or (display: deadbeef))")');
|
|
|
|
|
shouldBeTrue('CSS.supports("not ((not (display: block)) or ((display: none) and (deadbeef: 1px)))")');
|
|
|
|
|
|
|
|
|
|
// Whitespace/Syntax.
|
|
|
|
|
shouldBeTrue('CSS.supports("not( display: deadbeef)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none)and ( -webkit-transition: all 1s )")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none)or(-webkit-transition: all 1s)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(display: none) or(-webkit-transition: all 1s )")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(((((((display: none)))))))")');
|
|
|
|
|
shouldBeFalse('CSS.supports("(!important)")');
|
2017-06-06 18:27:53 +00:00
|
|
|
shouldBeFalse('CSS.supports("!important")');
|
2013-02-13 13:45:05 +00:00
|
|
|
shouldBeFalse('CSS.supports("not not not not (display: none)")');
|
|
|
|
|
|
|
|
|
|
// Functions.
|
|
|
|
|
shouldBeTrue('CSS.supports("(top: -webkit-calc(80% - 20px))")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(background-color: rgb(0, 128, 0))")');
|
|
|
|
|
shouldBeTrue('CSS.supports("(background: url(\'/blah\'))")');
|
|
|
|
|
shouldBeTrue('CSS.supports("((top: -webkit-calc(80% - 20px)) and (not (background-color: rgb(0, 128, 0)))) or (background: url(\'/blah\'))")');
|
|
|
|
|
shouldBeFalse('CSS.supports("(background: invalid(\'/blah\'))")');
|
|
|
|
|
|
|
|
|
|
// Property/value variant.
|
|
|
|
|
shouldBeTrue('CSS.supports("top", "20%")');
|
|
|
|
|
shouldBeTrue('CSS.supports("top", " 20px ")');
|
|
|
|
|
shouldBeFalse('CSS.supports("top", "20")');
|
|
|
|
|
shouldBeFalse('CSS.supports("dis\\nplay", "none")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display", "rainbow")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display", "url(rainbow.png)")');
|
|
|
|
|
shouldBeTrue('CSS.supports(" background ", "url(rainbow.png)")');
|
|
|
|
|
shouldBeFalse('CSS.supports("background", "invalid(rainbow.png)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("background-color", "#000")');
|
|
|
|
|
shouldBeTrue('CSS.supports("background-color", "rgba(0,0,0,0)")');
|
|
|
|
|
shouldBeTrue('CSS.supports("background-color", "inherit")');
|
|
|
|
|
|
|
|
|
|
shouldBeTrue('CSS.supports("display", "none !important")');
|
|
|
|
|
shouldBeTrue('CSS.supports("display", "none!important")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display", "!important none")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display", "none !important ! important ")');
|
|
|
|
|
shouldBeTrue('CSS.supports("display", "none ! important")');
|
|
|
|
|
shouldBeTrue('CSS.supports("display", "none ! \timportant")');
|
|
|
|
|
shouldBeTrue('CSS.supports("display", "none ! \\nimportant")');
|
|
|
|
|
|
|
|
|
|
shouldBeFalse('CSS.supports("", "")');
|
|
|
|
|
shouldBeFalse('CSS.supports(true, "")');
|
|
|
|
|
shouldBeFalse('CSS.supports([], "none")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display", "")');
|
|
|
|
|
shouldBeFalse('CSS.supports("display:", "none")');
|
|
|
|
|
shouldBeTrue('CSS.supports("z-index", 1)');
|
|
|
|
|
shouldBeFalse('CSS.supports("content", [])');
|
|
|
|
|
shouldBeFalse('CSS.supports("content", "!important")');
|
|
|
|
|
shouldBeFalse('CSS.supports("(display: none)", undefined)');
|
|
|
|
|
</script>
|
2013-09-08 02:07:30 +00:00
|
|
|
<script src="../resources/js-test-post.js"></script>
|
2013-02-13 13:45:05 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
