Bug 1464091 - Test case-insensitivity of media query expressions - r?heycam
Expanded the @media test to verify that media features names and values are
case-insensitive.
MozReview-Commit-ID: H4RPSlHB9zZ
--- a/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht
+++ b/testing/web-platform/tests/css/CSS2/syntax/case-sensitive-001.xht
@@ -3,21 +3,27 @@
<head>
<title>CSS Test: Case-sensitivity of At-rules (@media)</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/"/>
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters"/>
<link rel="match" href="../reference/ref-green-background.xht"/>
<style type="text/css">
p { color: white; }
- @media all {
+ @media all and (height) and (min-width:0) and (orientation:landscape) {
+ p { background: url(support/swatch-red.png); }
+ }
+ @media all and (height) and (min-width:0) and (orientation:portrait) {
p { background: url(support/swatch-red.png); }
}
- @MeDIa aLL {
+ @MeDIa aLL and (Height) and (mIN-Width:0cM) and (orienTAtion:LandScape) {
+ p { BacKgrOUNd: UrL(support/swatch-green.png); }
+ }
+ @MeDIa All and (heiGHt) and (Min-widtH:0MM) and (Orientation:porTrait) {
p { BacKgrOUNd: UrL(support/swatch-green.png); }
}
</style>
</head>
<body>
<p>This should have a green background.</p>