 Chromium Code Reviews
 Chromium Code Reviews Issue 1280423002:
  CSS4: Implement :placeholder-shown pseudo class  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/blink.git@master
    
  
    Issue 1280423002:
  CSS4: Implement :placeholder-shown pseudo class  (Closed) 
  Base URL: https://chromium.googlesource.com/chromium/blink.git@master| OLD | NEW | 
|---|---|
| (Empty) | |
| 1 <!doctype html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="../../resources/js-test.js"></script> | |
| 
alancutter (OOO until 2018)
2015/08/20 23:36:45
We should use testharness.js where possible.
 
ramya.v
2015/08/25 10:24:45
Deleting this file as it is not required for Blink
 | |
| 5 <style> | |
| 6 input { | |
| 7 background-color: white; | |
| 8 } | |
| 9 :placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:pla ceholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeho lder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder -shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-sho wn+:placeholder-shown+:placeholder-shown+:placeholder-shown~:not(:placeholder-sh own) { | |
| 10 background-color: rgb(1, 2, 3); | |
| 11 } | |
| 12 </style> | |
| 13 </head> | |
| 14 <body> | |
| 15 <div style="display:none"> | |
| 16 <!-- 20 empty --> | |
| 17 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 18 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 19 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 20 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 21 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 22 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 23 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 24 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 25 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 26 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 27 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 28 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 29 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 30 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 31 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 32 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 33 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 34 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 35 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 36 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 37 <input id="target1" type="text" placeholder="WebKit" class="placeholder- not-shown" value="Not Shown!"> | |
| 38 <!-- 19 empty --> | |
| 39 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 40 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 41 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 42 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 43 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 44 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 45 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 46 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 47 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 48 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 49 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 50 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 51 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 52 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 53 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 54 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 55 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 56 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 57 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 58 <input id="target2" type="text" placeholder="WebKit" class="placeholder- not-shown" value="Not Shown!"> | |
| 59 <!-- 19 empty --> | |
| 60 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 61 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 62 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 63 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 64 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 65 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 66 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 67 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 68 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 69 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 70 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 71 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 72 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 73 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 74 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 75 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 76 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 77 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 78 <input type="text" placeholder="WebKit" class="placeholder-shown"> | |
| 79 <input id="target3" type="text" placeholder="WebKit" class="placeholder- not-shown" value="Not Shown!"> | |
| 80 </div> | |
| 81 </body> | |
| 82 <script> | |
| 83 description('Test backtracking of a long chain of :placeholder-shown siblings to catch any issue with register allocation.'); | |
| 
esprehn
2015/08/21 10:18:10
This is a very weird test for Blink, it seems to b
 
ramya.v
2015/08/25 10:24:45
Done.
 | |
| 84 shouldBe('document.querySelectorAll(":placeholder-shown+:placeholder-shown+:plac eholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placehol der-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder- shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-show n+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:p laceholder-shown~:not(:placeholder-shown)").length', '3'); | |
| 85 shouldBe('document.querySelectorAll(":placeholder-shown+:placeholder-shown+:plac eholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placehol der-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder- shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-show n+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:p laceholder-shown~:not(:placeholder-shown)")[0]', 'document.getElementById("targe t1")'); | |
| 86 shouldBe('document.querySelectorAll(":placeholder-shown+:placeholder-shown+:plac eholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placehol der-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder- shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-show n+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:p laceholder-shown~:not(:placeholder-shown)")[1]', 'document.getElementById("targe t2")'); | |
| 87 shouldBe('document.querySelectorAll(":placeholder-shown+:placeholder-shown+:plac eholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placehol der-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder- shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-show n+:placeholder-shown+:placeholder-shown+:placeholder-shown+:placeholder-shown+:p laceholder-shown~:not(:placeholder-shown)")[2]', 'document.getElementById("targe t3")'); | |
| 88 shouldBe('document.querySelectorAll("input").length', '61') | |
| 89 var allTestCases = document.querySelectorAll("input"); | |
| 90 for (var i = 0; i < 61; ++i) | |
| 91 shouldBeEqualToString('getComputedStyle(document.querySelectorAll("input")[' + i + ']).backgroundColor', allTestCases[i].classList.contains('placeholder-sho wn') ? 'rgb(255, 255, 255)' : 'rgb(1, 2, 3)'); | |
| 92 </script> | |
| 93 </html> | |
| OLD | NEW |