forked from WebKit/WebKit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsupports-dom-api.html
102 lines (90 loc) · 5.25 KB
/
supports-dom-api.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE HTML>
<html>
<head>
<script src="../resources/js-test-pre.js"></script>
</head>
<body>
<script>
description("Test window.CSS.supports()");
shouldBeTrue('CSS.supports("display: none")');
shouldBeTrue('CSS.supports("(display: none)")');
shouldBeTrue('CSS.supports(" display: none ")');
shouldBeFalse('CSS.supports("(display: deadbeef)")');
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(https://github.com/'/blah\')")');
shouldBeFalse('CSS.supports("background: invalid(\'/blah\')")');
shouldBeFalse('CSS.supports("display: none;")');
shouldBeFalse('CSS.supports("display: none; garbage")');
shouldBeFalse('CSS.supports(" display: none ; garbage ")');
// 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.
shouldBeFalse('CSS.supports("not( display: deadbeef)")');
shouldBeTrue('CSS.supports("(display: none)and ( -webkit-transition: all 1s )")');
shouldBeFalse('CSS.supports("(display: none)or(-webkit-transition: all 1s)")');
shouldBeFalse('CSS.supports("(display: none) or(-webkit-transition: all 1s )")');
shouldBeTrue('CSS.supports("(((((((display: none)))))))")');
shouldBeFalse('CSS.supports("(!important)")');
shouldBeFalse('CSS.supports("!important")');
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(https://github.com/'/blah\'))")');
shouldBeTrue('CSS.supports("((top: -webkit-calc(80% - 20px)) and (not (background-color: rgb(0, 128, 0)))) or (background: url(https://github.com/'/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(https://github.com/rainbow.png)")');
shouldBeTrue('CSS.supports(" background ", "url(https://github.com/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>
<script src="../resources/js-test-post.js"></script>
</body>
</html>