third_party/WebKit/LayoutTests/fast/css/css-selector-text.html

   1 <html>
   2 <head id="head">
   3 <script src="../../resources/js-test.js"></script>
   4 </head>
   5 <body>
   6 <script>
   7
   8 description("This tests parsing and re-serialization of some CSS selectors.");
   9
  10 function parseThenSerializeRule(rule)
  11 {
  12     var styleElement = document.getElementById("style");
  13     var head = document.getElementById("head");
  14     if (styleElement)
  15         head.removeChild(styleElement);
  16
  17     styleElement = document.createElement("style");
  18     styleElement.id = "style";
  19     var head = document.getElementById("head");
  20     head.appendChild(styleElement);
  21
  22     styleElement.appendChild(document.createTextNode("@namespace n url('test');"));
  23     styleElement.appendChild(document.createTextNode(rule));
  24     return styleElement.sheet.cssRules[1].cssText;
  25 }
  26
  27 function testSelectorRoundTrip(selector)
  28 {
  29     shouldBe("parseThenSerializeRule('" + selector + " { }')", "'" + selector + " { }'");
  30 }
  31
  32 testSelectorRoundTrip('*');
  33 testSelectorRoundTrip('a');
  34 testSelectorRoundTrip('#a');
  35 testSelectorRoundTrip('.a');
  36 testSelectorRoundTrip(':active');
  37 testSelectorRoundTrip('[a]');
  38 testSelectorRoundTrip('[a="b"]');
  39 testSelectorRoundTrip('[a~="b"]');
  40 testSelectorRoundTrip('[a|="b"]');
  41 testSelectorRoundTrip('[a^="b"]');
  42 testSelectorRoundTrip('[a$="b"]');
  43 testSelectorRoundTrip('[a*="b"]');
  44
  45 debug('');
  46
  47 testSelectorRoundTrip('*|a');
  48 testSelectorRoundTrip('n|a');
  49 testSelectorRoundTrip('*|*');
  50 testSelectorRoundTrip('n|*');
  51 testSelectorRoundTrip('[*|a]');
  52 testSelectorRoundTrip('[n|a]');
  53
  54 debug('');
  55
  56 testSelectorRoundTrip('a:active');
  57 testSelectorRoundTrip('a b');
  58 testSelectorRoundTrip('a + b');
  59 testSelectorRoundTrip('a ~ b');
  60 testSelectorRoundTrip('a > b');
  61
  62 debug('');
  63
  64 testSelectorRoundTrip(":active");
  65 testSelectorRoundTrip(":checked");
  66 testSelectorRoundTrip(":disabled");
  67 testSelectorRoundTrip(":empty");
  68 testSelectorRoundTrip(":enabled");
  69 testSelectorRoundTrip(":first-child");
  70 testSelectorRoundTrip(":first-of-type");
  71 testSelectorRoundTrip(":focus");
  72 testSelectorRoundTrip(":hover");
  73 testSelectorRoundTrip(":indeterminate");
  74 testSelectorRoundTrip(":link");
  75 testSelectorRoundTrip(":not(:placeholder-shown)");
  76 testSelectorRoundTrip(":placeholder-shown");
  77 testSelectorRoundTrip(":root");
  78 testSelectorRoundTrip(":target");
  79 testSelectorRoundTrip(":visited");
  80
  81 debug('');
  82
  83 testSelectorRoundTrip(":lang(a)");
  84 testSelectorRoundTrip(":not(a)");
  85 testSelectorRoundTrip(":-webkit-any(a,b,p)");
  86
  87 debug('');
  88
  89 testSelectorRoundTrip("::after");
  90 testSelectorRoundTrip("::before");
  91 testSelectorRoundTrip("::first-letter");
  92 testSelectorRoundTrip("::first-line");
  93 testSelectorRoundTrip("::selection");
  94
  95 debug('');
  96
  97 testSelectorRoundTrip(":-webkit-any-link");
  98 testSelectorRoundTrip(":-webkit-autofill");
  99 testSelectorRoundTrip(":-webkit-drag");
 100
 101 debug('');
 102
 103 shouldBe("parseThenSerializeRule('::-webkit-file-upload-button { }')", "'*::-webkit-file-upload-button { }'");
 104 shouldBe("parseThenSerializeRule('::-webkit-search-cancel-button { }')", "'*::-webkit-search-cancel-button { }'");
 105 shouldBe("parseThenSerializeRule('::-webkit-search-decoration { }')", "'*::-webkit-search-decoration { }'");
 106 shouldBe("parseThenSerializeRule('::-webkit-search-results-button { }')", "'*::-webkit-search-results-button { }'");
 107 shouldBe("parseThenSerializeRule('::-webkit-search-results-decoration { }')", "'*::-webkit-search-results-decoration { }'");
 108 shouldBe("parseThenSerializeRule('::-webkit-slider-thumb { }')", "'*::-webkit-slider-thumb { }'");
 109
 110 debug('');
 111
 112 testSelectorRoundTrip("a::-webkit-slider-thumb");
 113 shouldBe("parseThenSerializeRule('a ::-webkit-slider-thumb { }')", "'a *::-webkit-slider-thumb { }'");
 114 testSelectorRoundTrip("[a]::-webkit-slider-thumb");
 115 shouldBe("parseThenSerializeRule('[a] ::-webkit-slider-thumb { }')", "'[a] *::-webkit-slider-thumb { }'");
 116 testSelectorRoundTrip(".a::-webkit-slider-thumb");
 117 shouldBe("parseThenSerializeRule('.a ::-webkit-slider-thumb { }')", "'.a *::-webkit-slider-thumb { }'");
 118 testSelectorRoundTrip("#a::-webkit-slider-thumb");
 119 shouldBe("parseThenSerializeRule('#a ::-webkit-slider-thumb { }')", "'#a *::-webkit-slider-thumb { }'");
 120 shouldBe("parseThenSerializeRule('* ::-webkit-slider-thumb { }')", "'* *::-webkit-slider-thumb { }'");
 121
 122 debug('');
 123
 124 testSelectorRoundTrip("a[b]::-webkit-slider-thumb");
 125 testSelectorRoundTrip("a.b::-webkit-slider-thumb");
 126 testSelectorRoundTrip("a#b::-webkit-slider-thumb");
 127 testSelectorRoundTrip("a[b].c#d::-webkit-slider-thumb");
 128
 129 debug('');
 130
 131 testSelectorRoundTrip('input:not([type="file"]):focus');
 132 testSelectorRoundTrip(':-webkit-any([type="file"])');
 133 testSelectorRoundTrip(':-webkit-any(:hover)');
 134 testSelectorRoundTrip('input:-webkit-any([type="file"],:hover,:focus):enabled');
 135 testSelectorRoundTrip(':-webkit-any(input[type="file"],a:hover,button:focus)');
 136 testSelectorRoundTrip(':-webkit-any(.class1.class2.class3)');
 137 testSelectorRoundTrip(':-webkit-any(.class1:hover)');
 138 testSelectorRoundTrip(':-webkit-any(a.class1.class2.class3:hover)');
 139
 140 debug('');
 141
 142 shouldBe("parseThenSerializeRule('*:active { }')", "':active { }'");
 143 testSelectorRoundTrip("|a");
 144
 145 debug('');
 146
 147 shouldBe("parseThenSerializeRule('input[type=file]:focus { }')", "'input[type=\"file\"]:focus { }'");
 148
 149 debug('');
 150
 151 shouldBe("parseThenSerializeRule('a+b { }')", "'a + b { }'");
 152 shouldBe("parseThenSerializeRule('a~b { }')", "'a ~ b { }'");
 153 shouldBe("parseThenSerializeRule('a>b { }')", "'a > b { }'");
 154
 155 debug('');
 156
 157 shouldBe("parseThenSerializeRule(':after { }')", "'::after { }'");
 158 shouldBe("parseThenSerializeRule(':before { }')", "'::before { }'");
 159 shouldBe("parseThenSerializeRule(':first-letter { }')", "'::first-letter { }'");
 160 shouldBe("parseThenSerializeRule(':first-line { }')", "'::first-line { }'");
 161 shouldBe("parseThenSerializeRule(':-webkit-any(    a.class1  ,          #id,[attr]  ) { }')","':-webkit-any(a.class1,#id,[attr]) { }'");
 162
 163 debug('');
 164
 165 </script>
 166 </body>
 167 </html>