src/third_party/WebKit/LayoutTests/inspector/console/console-css-warnings.html

   1 <html>
   2 <head>
   3 <script src="../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../http/tests/inspector/console-test.js"></script>
   5
   6 <style>
   7 x {}
   8
   9 x {
  10     #
  11 }
  12
  13 x {
  14     color: red;
  15     {}}
  16
  17 x {
  18     ### {}}
  19
  20 x {
  21    color: red;
  22    #########
  23 }
  24
  25 x {
  26    color: red {};
  27    color: #;
  28 }
  29
  30 x {
  31    color: red;
  32    ###;
  33    color: @;
  34 }
  35
  36 x {
  37     color{};
  38     color{#};
  39     color{###};
  40     color{{{}}};
  41 }
  42
  43 x {
  44     *zoom: @1;  /* IE hack. Ignored */
  45     color: @;
  46 }
  47
  48 x {
  49     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  /* IE hack. Ignored */
  50     filter:alpha(opacity=95);
  51
  52     background-image:-webkit-linear-gradient(bottom,#2d2927,rgba(49,46,45,.75) 40%,rgba(51,50,49,0) 72%,rgba(54,54,53,0));  /* valid */
  53     background-image:-webkit-linear-gradient(10);  /* Should be reported. */
  54     /* Others should be ignored as a vendor-specific extension. */
  55     background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  56     background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));
  57     background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  58     background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  59     background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  60     background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);
  61     cursor: hand
  62 }
  63
  64 x {
  65     /* To be reported. */
  66     invalidproperty: blue;
  67     --invalidproperty: blue;
  68     -unknownvendor-property: blue;
  69
  70     /* To be ignored. */
  71     -webkit-invalidproperty: blue;
  72     scrollbar-arrow-color: fail;
  73     SCROLLBAR-ARROW-COLOR: fail;
  74 }
  75
  76 x {
  77     background:         invalid-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)    ;
  78     background:         linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)    ;
  79     background: IE-hack ignored \9  ;
  80     background: IE-hack ignored \0 ;
  81     background: IE-hack ignored\0/ ;
  82     background: IE-hack ignored !ie;
  83     animation: 3s slidein;
  84     font-size-adjust: none;
  85     transform: translateZ(0);
  86     user-select: none;
  87     -webkit-text-size-adjust: 100%;
  88     unicode-bidi: isolate;
  89 }
  90
  91 x, {
  92 }
  93
  94 @supports (display: #) { /* No warning expected. */
  95 }
  96
  97 @supports (#) {
  98 }
  99
 100 @supports #;
 101
 102 @supports (display: none) # (display: block) {
 103 }
 104
 105 @xxx;
 106 @xxx {}
 107
 108 @namespace "xxx" %;
 109 @namespace %;
 110 @namespace;
 111
 112 @media %%%;
 113
 114
 115
 116 @-moz-keyframes { }
 117
 118 @page;
 119 @page xxx;
 120
 121 @font-face;
 122 @font-face xxx;
 123
 124 @viewport;
 125 @viewport xxx;
 126
 127 @-webkit-region;
 128 @-webkit-region xxx;
 129
 130 @-webkit-filter;
 131 @-webkit-filter xxx;
 132
 133 @media screen# {}
 134 @media screen, screen# {}
 135 @media screen, screen#, screen {}
 136
 137 @-webkit-keyframes x {
 138     0x,100% {}
 139     0%,1x {}
 140     x
 141 }
 142
 143 div.search input:invalid-pseudo-one {}
 144 div.search input::invalid-pseudo-two {}
 145
 146 div.search input::-webkit-input-placeholder {}
 147 div.search input:-moz-placeholder {}
 148 div.search input:-ms-input-placeholder {}
 149
 150 .valid-vendor-secific-prefixes {
 151     -ah-x: ?; -Ah-x: ?;
 152     -atsc-x: ?;
 153     -epub-x: ?;
 154     -hp-x: ?;
 155     -ibooks-x: ?;
 156     -khtml-x: ?;
 157     -ms-x: ?;
 158     -mso-x: ?;
 159     -moz-x: ?; -moZ-x: ?;
 160     -rim-x: ?;
 161     -ro-x: ?;
 162     -tc-x: ?;
 163     -wap-x: ?; -wAp-x: ?;
 164     -weasy-x: ?;
 165     -xv-x: ?;
 166 }
 167
 168 .invalid-vendor-specific-prefix {
 169     -ibookss-x: ?;
 170     -ibooks-: ?;
 171     -ibookz-x: ?;
 172     -m-x: ?;
 173 }
 174 </style>
 175
 176 <script>
 177
 178 function test()
 179 {
 180     // Ensure script generated errors don't go to the console.
 181     var style = document.createElement('style');
 182     style.textContent = "x{y:*}";
 183     document.head.appendChild(style);
 184
 185     var messages = WebInspector.console.messages;
 186     for (var i = 0; i < messages.length; i++) {
 187         if (messages[i].source === WebInspector.ConsoleMessage.MessageSource.CSS)
 188             InspectorTest.addResult(messages[i].message + " (line: " + messages[i].line + ")");
 189     }
 190
 191     InspectorTest.completeTest();
 192 }
 193
 194 </script>
 195 </head>
 196
 197 <body onload="runTest()">
 198 <p id="p">Tests CSS warnings are properly exposed.</p>
 199 </body>
 200 </html>