OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../resources/js-test.js"></script> | 4 <script src="../resources/js-test.js"></script> |
5 </head> | 5 </head> |
6 <body> | 6 <body> |
7 <script> | 7 <script> |
8 description("Test window.CSS.supports()"); | 8 description("Test window.CSS.supports()"); |
9 | 9 |
10 shouldBeTrue('CSS.supports("(display: none)")'); | 10 shouldBeTrue('CSS.supports("(display: none)")'); |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
76 | 76 |
77 shouldBeFalse('CSS.supports("", "")'); | 77 shouldBeFalse('CSS.supports("", "")'); |
78 shouldBeFalse('CSS.supports(true, "")'); | 78 shouldBeFalse('CSS.supports(true, "")'); |
79 shouldBeFalse('CSS.supports([], "none")'); | 79 shouldBeFalse('CSS.supports([], "none")'); |
80 shouldBeFalse('CSS.supports("display", "")'); | 80 shouldBeFalse('CSS.supports("display", "")'); |
81 shouldBeFalse('CSS.supports("display:", "none")'); | 81 shouldBeFalse('CSS.supports("display:", "none")'); |
82 shouldBeTrue('CSS.supports("z-index", 1)'); | 82 shouldBeTrue('CSS.supports("z-index", 1)'); |
83 shouldBeFalse('CSS.supports("content", [])'); | 83 shouldBeFalse('CSS.supports("content", [])'); |
84 shouldBeFalse('CSS.supports("content", "!important")'); | 84 shouldBeFalse('CSS.supports("content", "!important")'); |
85 shouldBeFalse('CSS.supports("(display: none)", undefined)'); | 85 shouldBeFalse('CSS.supports("(display: none)", undefined)'); |
| 86 |
| 87 // shorthands and CSS wide keywords |
| 88 shouldBeTrue('CSS.supports("border", "1px solid #000")'); |
| 89 shouldBeTrue('CSS.supports("border", "inherit")'); |
| 90 shouldBeFalse('CSS.supports("border", "1px solid inherit")'); |
| 91 shouldBeFalse('CSS.supports("border", "inherit solid #000")'); |
| 92 shouldBeTrue('CSS.supports("border-bottom", "thick green")'); |
| 93 shouldBeTrue('CSS.supports("border-bottom", "inherit")'); |
| 94 shouldBeFalse('CSS.supports("border-bottom", "thick green inherit")'); |
| 95 shouldBeFalse('CSS.supports("border-bottom", "inherit thick green")'); |
| 96 shouldBeTrue('CSS.supports("border-left", "thick green")'); |
| 97 shouldBeTrue('CSS.supports("border-left", "inherit")'); |
| 98 shouldBeFalse('CSS.supports("border-left", "thick green inherit")'); |
| 99 shouldBeFalse('CSS.supports("border-left", "inherit thick green")'); |
| 100 shouldBeTrue('CSS.supports("border-right", "thick green")'); |
| 101 shouldBeTrue('CSS.supports("border-right", "inherit")'); |
| 102 shouldBeFalse('CSS.supports("border-right", "thick green inherit")'); |
| 103 shouldBeFalse('CSS.supports("border-right", "inherit thick green")'); |
| 104 shouldBeTrue('CSS.supports("border-top", "thick green")'); |
| 105 shouldBeTrue('CSS.supports("border-top", "inherit")'); |
| 106 shouldBeFalse('CSS.supports("border-top", "thick green inherit")'); |
| 107 shouldBeFalse('CSS.supports("border-top", "inherit thick green")'); |
| 108 shouldBeTrue('CSS.supports("border-radius", "1px 0 3px 4px")'); |
| 109 shouldBeTrue('CSS.supports("border-radius", "inherit")'); |
| 110 shouldBeFalse('CSS.supports("border-radius", "1px 0 3px inherit")'); |
| 111 shouldBeFalse('CSS.supports("border-radius", "inherit 0 3px 4px")'); |
| 112 shouldBeTrue('CSS.supports("border-spacing", "5px 5px")'); |
| 113 shouldBeTrue('CSS.supports("border-spacing", "inherit")'); |
| 114 shouldBeFalse('CSS.supports("border-spacing", "5px inherit")'); |
| 115 shouldBeFalse('CSS.supports("border-spacing", "inherit 5px")'); |
| 116 shouldBeTrue('CSS.supports("font", "italic small-caps bolder 16px/3 cursive"
)'); |
| 117 shouldBeTrue('CSS.supports("font", "inherit")'); |
| 118 shouldBeFalse('CSS.supports("font", "italic small-caps bolder 16px/3 inherit
")'); |
| 119 shouldBeFalse('CSS.supports("font", "inherit small-caps bolder 16px/3 cursiv
e")'); |
| 120 shouldBeTrue('CSS.supports("list-style", "georgian inside")'); |
| 121 shouldBeTrue('CSS.supports("list-style", "inherit")'); |
| 122 shouldBeFalse('CSS.supports("list-style", "georgian inherit")'); |
| 123 shouldBeFalse('CSS.supports("list-style", "inherit inside")'); |
| 124 // border-width, border-color, border-style and padding use same code path a
s margin |
| 125 shouldBeTrue('CSS.supports("margin", "5px")'); |
| 126 shouldBeTrue('CSS.supports("margin", "inherit")'); |
| 127 shouldBeFalse('CSS.supports("margin", "inherit 5px")'); |
| 128 shouldBeFalse('CSS.supports("margin", "5px inherit")'); |
| 129 shouldBeFalse('CSS.supports("margin", "inherit 5px 5px")'); |
| 130 shouldBeFalse('CSS.supports("margin", "inherit 5px 5px 5px")'); |
| 131 shouldBeTrue('CSS.supports("outline", "1px solid #000")'); |
| 132 shouldBeTrue('CSS.supports("outline", "inherit")'); |
| 133 shouldBeFalse('CSS.supports("outline", "1px solid inherit")'); |
| 134 shouldBeFalse('CSS.supports("outline", "inherit solid #000")'); |
| 135 shouldBeTrue('CSS.supports("overflow", "scroll")'); |
| 136 shouldBeTrue('CSS.supports("overflow", "inherit")'); |
| 137 shouldBeFalse('CSS.supports("overflow", "inherit scroll")'); |
| 138 shouldBeFalse('CSS.supports("overflow", "scroll inherit")'); |
| 139 shouldBeTrue('CSS.supports("transform", "scaleX(2)")'); |
| 140 shouldBeTrue('CSS.supports("transform", "inherit")'); |
| 141 shouldBeFalse('CSS.supports("transform", "scaleX(2) inherit")'); |
| 142 shouldBeFalse('CSS.supports("transform", "inherit scaleX(2)")'); |
| 143 shouldBeTrue('CSS.supports("transition", "margin-left 4s")'); |
| 144 shouldBeTrue('CSS.supports("transition", "inherit")'); |
| 145 shouldBeFalse('CSS.supports("transition", "margin-left inherit")'); |
| 146 shouldBeFalse('CSS.supports("transition", "inherit 4s")'); |
86 </script> | 147 </script> |
87 </body> | 148 </body> |
88 </html> | 149 </html> |
OLD | NEW |