Revert of Pseudo and non pseudo elements should return correct computed content value

third_party/WebKit/LayoutTests/css3/supports.html

Index: third_party/WebKit/LayoutTests/css3/supports.html
diff --git a/third_party/WebKit/LayoutTests/css3/supports.html b/third_party/WebKit/LayoutTests/css3/supports.html
index 43608f06972304a6201a430be9974cdd33836c44..8a1e06117953c298442bdb037af5aeb943950888 100644
--- a/third_party/WebKit/LayoutTests/css3/supports.html
+++ b/third_party/WebKit/LayoutTests/css3/supports.html
@@ -4,155 +4,155 @@
 <script src="../resources/js-test.js"></script>
 <style>
     .test {
-        background-color: blue;
+        content: "UNTOUCHED";
     }
 
     @supports (display: none) {
-        #t0 { background-color: green; }
+        #t0 { content: "APPLIED" }
     }
-
+    
     @supports (display: deadbeef) {
-        #t1 { background-color: red; }
+        #t1 { content: "FAIL" }
     }
-
+    
     /* Negation */
     @supports not (display: deadbeef) {
-        #t2 { background-color: green; }
+        #t2 { content: "APPLIED" }
     }
-
+    
     @supports not (display: none) {
-        #t3 { background-color: red; }
+        #t3 { content: "FAIL" }
     }
 
     @supports not (not (display: none)) {
-        #t4 { background-color: green; }
+        #t4 { content: "APPLIED" }
     }
-
+    
     @supports not (not (not (display: none))) {
-        #t5 { background-color: red; }
+        #t5 { content: "FAIL" }
     }
 
     /* Conjunction */
     @supports (display: none) and (display: block) {
-        #t6 { background-color: green; }
+        #t6 { content: "APPLIED" }
     }
 
     @supports (display: none) and (display: block) and (display: inline) {
-        #t7 { background-color: green; }
+        #t7 { content: "APPLIED" }
     }
 
     @supports (display: none) and (display: block) and (display: deadbeef) and (display: inline) {
-        #t8 { background-color: red; }
+        #t8 { content: "FAIL" }
     }
 
     /* Disjunction */
     @supports (display: none) or (display: inline) {
-        #t9 { background-color: green; }
+        #t9 { content: "APPLIED" }
     }
 
     @supports (display: none) or (display: block) or (display: inline) {
-        #t10 { background-color: green; }
+        #t10 { content: "APPLIED" }
     }
 
     @supports (display: none) or (display: deadbeef) or (display: inline) {
-        #t11 { background-color: green; }
+        #t11 { content: "APPLIED" }
     }
 
     @supports (display: ohhai) or (display: deadbeef) or (display: rainbows) {
-        #t12 { background-color: red; }
+        #t12 { content: "FAIL" }
     }
 
     /* Bad syntax. Can't mix operators without a layer of parentheses. */
     @supports (display: none) and (display: block) or (display: inline) {
-        #t13 { background-color: red; }
+        #t13 { content: "FAIL" }
     }
 
     @supports not (display: deadbeef) and (display: block) {
-        #t14 { background-color: red; }
+        #t14 { content: "FAIL" }
     }
 
     /* Mix 'n match */
     @supports (not (border: 1px 1px 1px 1px 1px solid #000)) and (display: block) {
-        #t15 { background-color: green; }
+        #t15 { content: "APPLIED" }
     }
 
     @supports (display: block !important) and ((display: inline) or (display: deadbeef)){
-        #t16 { background-color: green; }
+        #t16 { content: "APPLIED" }
     }
 
     @supports not ((not (display: block)) or ((display: none) and (deadbeef: 1px))) {
-        #t17 { background-color: green; }
+        #t17 { content: "APPLIED" }
     }
 
     /* Whitespace/Syntax */
     @supports not( display: deadbeef) {
-        #t22 { background-color: red; }
+        #t22 { content: "FAIL" }
     }
 
     @supports (display: none)and (   -webkit-transition: all 1s ) {
-        #t23 { background-color: red; }
+        #t23 { content: "FAIL" }
     }
 
     @supports (display: none)or(-webkit-transition: all 1s) {
-        #t24 { background-color: red; }
+        #t24 { content: "FAIL" }
     }
 
     @supports (display: none) or(-webkit-transition: all 1s    ) {
-        #t25 { background-color: red; }
+        #t25 { content: "FAIL" }
     }
 
     @supports (((((((display: none))))))) {
-        #t26 { background-color: green; }
+        #t26 { content: "APPLIED" }
     }
 
     @supports(((((((display: none))))))) {
-        #t27 { background-color: green; }
+        #t27 { content: "APPLIED" }
     }
 
     @supports (!important) {
-        #t28 { background-color: red; }
+        #t28 { content: "FAIL" }
     }
 
     @supports not not not not (display: none) {
-        #t29 { background-color: red; }
+        #t29 { content: "FAIL" }
     }
 
     /* Functions */
 
     @supports (top: -webkit-calc(80% - 20px)) {
-        #t30 { background-color: green; }
+        #t30 { content: "APPLIED" }
     }
 
     @supports (background-color: rgb(0, 128, 0)) {
-        #t31 { background-color: green; }
+        #t31 { content: "APPLIED" }
     }
 
     @supports (background: url("/blah")) {
-        #t32 { background-color: green; }
+        #t32 { content: "APPLIED" }
     }
 
     @supports ((top: -webkit-calc(80% - 20px)) and (not (background-color: rgb(0, 128, 0)))) or (background: url("/blah")) {
-        #t33 { background-color: green; }
+        #t33 { content: "APPLIED" }
     }
 
     @supports (background: invalid("/blah")) {
-        #t34 { background-color: red; }
+        #t34 { content: "FAIL" }
     }
 
     /* Nesting. */
     @supports (display: none) {
         @supports (display: deadbeef) {
-            #t18 { background-color: red; }
+            #t18 { content: "FAIL" }
         }
         @supports (display: inline) {
-            #t19 { background-color: green; }
+            #t19 { content: "APPLIED" }
         }
         @supports (display: inline) {
         }
         @media all {
-            #t20 { background-color: green; }
+            #t20 { content: "APPLIED" }
             @supports (display: inline) {
-                #t21 { background-color: green; }
+                #t21 { content: "APPLIED" }
             }
         }
     }
@@ -161,7 +161,7 @@
         @supports (display: inline) {
             @media all {
                 @supports (display: none) {
-                    #t35 { background-color: green; }
+                    #t35 { content: "APPLIED" }
                 }
             }
         }
@@ -169,7 +169,7 @@
 
     @media not all {
         @supports (display: none) {
-            #t36 { background-color: red; }
+            #t36 { content: "FAIL" }
         }
     }
 
@@ -177,62 +177,62 @@
 
     @supports (display: none);
     @supports (display: none) and ( (display: none) ) {
-        #t37 { background-color: green; }
+        #t37 { content: "APPLIED" }
     }
 
     @supports (display: none)) ;
     @supports (display: none) {
-        #t38 { background-color: green; }
+        #t38 { content: "APPLIED" }
     }
 
     @supports;
     @supports (display: none) {
-        #t39 { background-color: green; }
+        #t39 { content: "APPLIED" }
     }
 
     @supports ;
     @supports (display: none) {
-        #t40 { background-color: green; }
+        #t40 { content: "APPLIED" }
     }
 
-    @supports (display: none)) {
-        #t41 { background-color: red; }
+    @supports (display: none) {
+        #t41 { content: "FAIL" }
     }
     @supports (display: none) {
-        #t41 { background-color: green; }
+        #t41 { content: "APPLIED" }
     }
 
     @supports (display: )) {
-        #t42 { background-color: red; }
+        #t42 { content: "FAIL" }
     }
     @supports (display: none) {
-        #t42 { background-color: green; }
+        #t42 { content: "APPLIED" }
     }
 
     @supports ((display: none) and {
         #t43 { background-color: red; }

[Timothy Loh, 2016/05/18 05:42:10]

why didn't this change back?

[nainar, 2016/05/19 00:04:39]

This was a manual revert. This change slipped by. Sorry about that. Fixed now.

     }
     @supports (display: none) {
-        #t43 { background-color: red; }
+        #t43 { content: "FAIL" }
     }
     );
 
     @supports ((display: none) and ;
     @supports (display: none) {
-        #t44 { background-color: red; }
+        #t44 { content: "FAIL" }
     }
     );
 
     @supports (#(display: none) {}
-        #t45 { background-color: red; }
+        #t45 { content: "FAIL" }
     );
 
     @supports ((display: none#) {}
-        #t46 { background-color: red; }
+        #t46 { content: "FAIL" }
     );
 
     @supports (#) or (display: none) {
-        #t47 { background-color: green;; }
+        #t47 { content: "APPLIED"; }
     }
 
 </style>
@@ -244,8 +244,6 @@
     description("Test the @supports rule.");
     var numTests = 48;
     var untouchedTests = [1, 3, 5, 8, 12, 13, 14, 18, 22, 23, 24, 25, 28, 29, 34, 36, 43, 44, 45, 46]; // Tests whose content shouldn't change from the UNTOUCHED default.
-    var UNTOUCHED = "rgb(0, 0, 255)";
-    var APPLIED = "rgb(0, 128, 0)";
 
     var container = document.getElementById("test_container");
     for (var i=0; i < numTests; i++) {
@@ -253,10 +251,10 @@
         div.id = "t" + i;
         div.className = "test";
         container.appendChild(div);
-        shouldBeEqualToString("getComputedStyle(document.getElementById('t"+i+"')).backgroundColor", untouchedTests.indexOf(i) >= 0 ? UNTOUCHED : APPLIED);
+        shouldBeEqualToString("getComputedStyle(document.getElementById('t"+i+"')).content", untouchedTests.indexOf(i) >= 0 ? '"UNTOUCHED"' : '"APPLIED"');
     }
 
     test_container.parentNode.removeChild(test_container);
 </script>
 </body>
-</html>
+</html>