Clean up color-filter tests.
authorsimon.fraser@apple.com <simon.fraser@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 28 Apr 2018 00:27:39 +0000 (00:27 +0000)
committersimon.fraser@apple.com <simon.fraser@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Sat, 28 Apr 2018 00:27:39 +0000 (00:27 +0000)
Detab the files.

Remove calls to internals.settings.setColorFilterEnabled() which aren't needed, since
WebKitTestRunner and DumpRenderTree turn the feature on by default.

* css3/color-filters/color-filter-backgrounds-borders-expected.html:
* css3/color-filters/color-filter-backgrounds-borders.html:
* css3/color-filters/color-filter-box-shadow-expected.html:
* css3/color-filters/color-filter-box-shadow.html:
* css3/color-filters/color-filter-brightness-expected.html:
* css3/color-filters/color-filter-brightness.html:
* css3/color-filters/color-filter-color-property-expected.html:
* css3/color-filters/color-filter-color-property-list-item-expected.html:
* css3/color-filters/color-filter-color-property-list-item.html:
* css3/color-filters/color-filter-color-property.html:
* css3/color-filters/color-filter-color-text-decorations-expected.html:
* css3/color-filters/color-filter-color-text-decorations.html:
* css3/color-filters/color-filter-column-rule-expected.html:
* css3/color-filters/color-filter-column-rule.html:
* css3/color-filters/color-filter-contrast-expected.html:
* css3/color-filters/color-filter-contrast.html:
* css3/color-filters/color-filter-current-color-expected.html:
* css3/color-filters/color-filter-current-color.html:
* css3/color-filters/color-filter-filter-list-expected.html:
* css3/color-filters/color-filter-filter-list.html:
* css3/color-filters/color-filter-gradients-expected.html:
* css3/color-filters/color-filter-gradients.html:
* css3/color-filters/color-filter-grayscale-expected.html:
* css3/color-filters/color-filter-grayscale.html:
* css3/color-filters/color-filter-hue-rotate-expected.html:
* css3/color-filters/color-filter-hue-rotate.html:
* css3/color-filters/color-filter-inherits-expected.html:
* css3/color-filters/color-filter-inherits.html:
* css3/color-filters/color-filter-invert-expected.html:
* css3/color-filters/color-filter-invert.html:
* css3/color-filters/color-filter-opacity-expected.html:
* css3/color-filters/color-filter-opacity.html:
* css3/color-filters/color-filter-outline-expected.html:
* css3/color-filters/color-filter-outline.html:
* css3/color-filters/color-filter-parsing.html:
* css3/color-filters/color-filter-saturate-expected.html:
* css3/color-filters/color-filter-saturate.html:
* css3/color-filters/color-filter-sepia-expected.html:
* css3/color-filters/color-filter-sepia.html:
* css3/color-filters/color-filter-text-decoration-shadow-expected.html:
* css3/color-filters/color-filter-text-decoration-shadow.html:
* css3/color-filters/color-filter-text-emphasis-expected.html:
* css3/color-filters/color-filter-text-emphasis.html:
* css3/color-filters/color-filter-text-shadow-expected.html:
* css3/color-filters/color-filter-text-shadow.html:
* css3/color-filters/color-filter-text-stroke.html:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@231125 268f45cc-cd09-0410-ab3c-d52691b4dbfc

47 files changed:
LayoutTests/ChangeLog
LayoutTests/css3/color-filters/color-filter-backgrounds-borders-expected.html
LayoutTests/css3/color-filters/color-filter-backgrounds-borders.html
LayoutTests/css3/color-filters/color-filter-box-shadow-expected.html
LayoutTests/css3/color-filters/color-filter-box-shadow.html
LayoutTests/css3/color-filters/color-filter-brightness-expected.html
LayoutTests/css3/color-filters/color-filter-brightness.html
LayoutTests/css3/color-filters/color-filter-color-property-expected.html
LayoutTests/css3/color-filters/color-filter-color-property-list-item-expected.html
LayoutTests/css3/color-filters/color-filter-color-property-list-item.html
LayoutTests/css3/color-filters/color-filter-color-property.html
LayoutTests/css3/color-filters/color-filter-color-text-decorations-expected.html
LayoutTests/css3/color-filters/color-filter-color-text-decorations.html
LayoutTests/css3/color-filters/color-filter-column-rule-expected.html
LayoutTests/css3/color-filters/color-filter-column-rule.html
LayoutTests/css3/color-filters/color-filter-contrast-expected.html
LayoutTests/css3/color-filters/color-filter-contrast.html
LayoutTests/css3/color-filters/color-filter-current-color-expected.html
LayoutTests/css3/color-filters/color-filter-current-color.html
LayoutTests/css3/color-filters/color-filter-filter-list-expected.html
LayoutTests/css3/color-filters/color-filter-filter-list.html
LayoutTests/css3/color-filters/color-filter-gradients-expected.html
LayoutTests/css3/color-filters/color-filter-gradients.html
LayoutTests/css3/color-filters/color-filter-grayscale-expected.html
LayoutTests/css3/color-filters/color-filter-grayscale.html
LayoutTests/css3/color-filters/color-filter-hue-rotate-expected.html
LayoutTests/css3/color-filters/color-filter-hue-rotate.html
LayoutTests/css3/color-filters/color-filter-inherits-expected.html
LayoutTests/css3/color-filters/color-filter-inherits.html
LayoutTests/css3/color-filters/color-filter-invert-expected.html
LayoutTests/css3/color-filters/color-filter-invert.html
LayoutTests/css3/color-filters/color-filter-opacity-expected.html
LayoutTests/css3/color-filters/color-filter-opacity.html
LayoutTests/css3/color-filters/color-filter-outline-expected.html
LayoutTests/css3/color-filters/color-filter-outline.html
LayoutTests/css3/color-filters/color-filter-parsing.html
LayoutTests/css3/color-filters/color-filter-saturate-expected.html
LayoutTests/css3/color-filters/color-filter-saturate.html
LayoutTests/css3/color-filters/color-filter-sepia-expected.html
LayoutTests/css3/color-filters/color-filter-sepia.html
LayoutTests/css3/color-filters/color-filter-text-decoration-shadow-expected.html
LayoutTests/css3/color-filters/color-filter-text-decoration-shadow.html
LayoutTests/css3/color-filters/color-filter-text-emphasis-expected.html
LayoutTests/css3/color-filters/color-filter-text-emphasis.html
LayoutTests/css3/color-filters/color-filter-text-shadow-expected.html
LayoutTests/css3/color-filters/color-filter-text-shadow.html
LayoutTests/css3/color-filters/color-filter-text-stroke.html

index 0d64487..8731455 100644 (file)
@@ -1,5 +1,61 @@
 2018-04-27  Simon Fraser  <simon.fraser@apple.com>
 
+        Clean up color-filter tests.
+        
+        Detab the files.
+        
+        Remove calls to internals.settings.setColorFilterEnabled() which aren't needed, since
+        WebKitTestRunner and DumpRenderTree turn the feature on by default.
+
+        * css3/color-filters/color-filter-backgrounds-borders-expected.html:
+        * css3/color-filters/color-filter-backgrounds-borders.html:
+        * css3/color-filters/color-filter-box-shadow-expected.html:
+        * css3/color-filters/color-filter-box-shadow.html:
+        * css3/color-filters/color-filter-brightness-expected.html:
+        * css3/color-filters/color-filter-brightness.html:
+        * css3/color-filters/color-filter-color-property-expected.html:
+        * css3/color-filters/color-filter-color-property-list-item-expected.html:
+        * css3/color-filters/color-filter-color-property-list-item.html:
+        * css3/color-filters/color-filter-color-property.html:
+        * css3/color-filters/color-filter-color-text-decorations-expected.html:
+        * css3/color-filters/color-filter-color-text-decorations.html:
+        * css3/color-filters/color-filter-column-rule-expected.html:
+        * css3/color-filters/color-filter-column-rule.html:
+        * css3/color-filters/color-filter-contrast-expected.html:
+        * css3/color-filters/color-filter-contrast.html:
+        * css3/color-filters/color-filter-current-color-expected.html:
+        * css3/color-filters/color-filter-current-color.html:
+        * css3/color-filters/color-filter-filter-list-expected.html:
+        * css3/color-filters/color-filter-filter-list.html:
+        * css3/color-filters/color-filter-gradients-expected.html:
+        * css3/color-filters/color-filter-gradients.html:
+        * css3/color-filters/color-filter-grayscale-expected.html:
+        * css3/color-filters/color-filter-grayscale.html:
+        * css3/color-filters/color-filter-hue-rotate-expected.html:
+        * css3/color-filters/color-filter-hue-rotate.html:
+        * css3/color-filters/color-filter-inherits-expected.html:
+        * css3/color-filters/color-filter-inherits.html:
+        * css3/color-filters/color-filter-invert-expected.html:
+        * css3/color-filters/color-filter-invert.html:
+        * css3/color-filters/color-filter-opacity-expected.html:
+        * css3/color-filters/color-filter-opacity.html:
+        * css3/color-filters/color-filter-outline-expected.html:
+        * css3/color-filters/color-filter-outline.html:
+        * css3/color-filters/color-filter-parsing.html:
+        * css3/color-filters/color-filter-saturate-expected.html:
+        * css3/color-filters/color-filter-saturate.html:
+        * css3/color-filters/color-filter-sepia-expected.html:
+        * css3/color-filters/color-filter-sepia.html:
+        * css3/color-filters/color-filter-text-decoration-shadow-expected.html:
+        * css3/color-filters/color-filter-text-decoration-shadow.html:
+        * css3/color-filters/color-filter-text-emphasis-expected.html:
+        * css3/color-filters/color-filter-text-emphasis.html:
+        * css3/color-filters/color-filter-text-shadow-expected.html:
+        * css3/color-filters/color-filter-text-shadow.html:
+        * css3/color-filters/color-filter-text-stroke.html:
+
+2018-04-27  Simon Fraser  <simon.fraser@apple.com>
+
         Implement color-filter for text stroke
         https://bugs.webkit.org/show_bug.cgi?id=185098
 
index cc6f660..c87bfc8 100644 (file)
@@ -8,10 +8,10 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: green;
-                               border: 20px solid blue;
+                width: 200px;
+                height: 200px;
+                background-color: green;
+                border: 20px solid blue;
             }
         </style>
     </head>
index 496f384..db3a968 100644 (file)
@@ -9,17 +9,13 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: rgb(255, 128, 255);
-                               border: 20px solid yellow;
-                               color-filter: invert();
+                width: 200px;
+                height: 200px;
+                background-color: rgb(255, 128, 255);
+                border: 20px solid yellow;
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square with a blue border.</p>
index 5ef432e..bdc517f 100644 (file)
@@ -8,16 +8,12 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: green;
-                               box-shadow: 50px 50px 0 blue;
+                width: 200px;
+                height: 200px;
+                background-color: green;
+                box-shadow: 50px 50px 0 blue;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square with an offset blue square behind it.</p>
index 9d50b03..f0900eb 100644 (file)
@@ -9,17 +9,13 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: rgb(255, 128, 255);
-                               box-shadow: 50px 50px 0 yellow;
-                               color-filter: invert();
+                width: 200px;
+                height: 200px;
+                background-color: rgb(255, 128, 255);
+                box-shadow: 50px 50px 0 yellow;
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square with an offset blue square behind it.</p>
index 5deab07..84c15db 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 00b5408..4847735 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: brightness()"></div>
index 1c7952a..478e831 100644 (file)
@@ -7,8 +7,8 @@
         <style type="text/css">
             div.test
             {
-                               font: 40px Ahem;
-                               color: green;
+                font: 40px Ahem;
+                color: green;
             }
         </style>
     </head>
index aa7be50..2c57239 100644 (file)
@@ -8,27 +8,23 @@
         <style type="text/css">
             div.test
             {
-                               font: 200px Ahem;
-                               color: green
+                font: 200px Ahem;
+                color: green
+            }
+            ul {
+                margin: 0;
+            }
+            li {
+                margin-left: 100px;
             }
-                       ul {
-                               margin: 0;
-                       }
-                       li {
-                               margin-left: 100px;
-                       }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green circle.</p>
         <div class="test">
-                       <ul>
-                               <li></li>
-                       </ul>
-               </div>
+            <ul>
+                <li></li>
+            </ul>
+        </div>
     </body>
 </html>
index cb96e67..ecc6a63 100644 (file)
@@ -9,28 +9,24 @@
         <style type="text/css">
             div.test
             {
-                               font: 200px Ahem;
-                               color: rgb(255, 128, 255);
-                               color-filter: invert();
+                font: 200px Ahem;
+                color: rgb(255, 128, 255);
+                color-filter: invert();
+            }
+            ul {
+                margin: 0;
+            }
+            li {
+                margin-left: 100px;
             }
-                       ul {
-                               margin: 0;
-                       }
-                       li {
-                               margin-left: 100px;
-                       }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green circle.</p>
         <div class="test">
-                       <ul>
-                               <li></li>
-                       </ul>
-               </div>
+            <ul>
+                <li></li>
+            </ul>
+        </div>
     </body>
 </html>
index a61692f..31792ac 100644 (file)
@@ -9,15 +9,11 @@
         <style type="text/css">
             div.test
             {
-                               font: 40px Ahem;
-                               color: rgb(255, 128, 255);
-                               color-filter: invert();
+                font: 40px Ahem;
+                color: rgb(255, 128, 255);
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square.</p>
index ed58eab..46c92e7 100644 (file)
@@ -7,37 +7,33 @@
         <style type="text/css">
             div.test
             {
-                               font: 140px sans-serif;
-                               color: green;
-                               -webkit-text-decoration: underline overline blue;
+                font: 140px sans-serif;
+                color: green;
+                -webkit-text-decoration: underline overline blue;
             }
 
-                       p
-                       {
-                               margin: 8px;
-                       }
+            p
+            {
+                margin: 8px;
+            }
 
             .wavy
             {
-                               -webkit-text-decoration: underline overline wavy blue;
+                -webkit-text-decoration: underline overline wavy blue;
             }
 
             .dotted
             {
-                               -webkit-text-decoration: underline overline dotted blue;
+                -webkit-text-decoration: underline overline dotted blue;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>You hsould see three green letter A. The top should have a solid bar overline and underline. The second should have a wavy overline and underline. The bottom should have a dotted overline and underline.</p>
         <div class="test">
-                       <p>A<p>
-                       <p class="wavy">A<p>
-                       <p class="dotted">A<p>
-               </div>
+            <p>A<p>
+            <p class="wavy">A<p>
+            <p class="dotted">A<p>
+        </div>
     </body>
 </html>
index 917ad26..5afe5b9 100644 (file)
@@ -9,38 +9,34 @@
         <style type="text/css">
             div.test
             {
-                               font: 140px sans-serif;
-                               color: rgb(255, 128, 255);
-                               -webkit-text-decoration: underline overline yellow;
-                               color-filter: invert();
+                font: 140px sans-serif;
+                color: rgb(255, 128, 255);
+                -webkit-text-decoration: underline overline yellow;
+                color-filter: invert();
             }
 
-                       p
-                       {
-                               margin: 8px;
-                       }
+            p
+            {
+                margin: 8px;
+            }
 
             .wavy
             {
-                               -webkit-text-decoration: underline overline wavy yellow;
+                -webkit-text-decoration: underline overline wavy yellow;
             }
 
             .dotted
             {
-                               -webkit-text-decoration: underline overline dotted yellow;
+                -webkit-text-decoration: underline overline dotted yellow;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>You hsould see three green letter A. The top should have a solid bar overline and underline. The second should have a wavy overline and underline. The bottom should have a dotted overline and underline.</p>
         <div class="test">
-                       <p>A<p>
-                       <p class="wavy">A<p>
-                       <p class="dotted">A<p>
-               </div>
+            <p>A<p>
+            <p class="wavy">A<p>
+            <p class="dotted">A<p>
+        </div>
     </body>
 </html>
index a7b08e8..6771319 100644 (file)
@@ -6,14 +6,14 @@
         <style type="text/css">
             .test
             {
-                               font: 100px Ahem;
-                               color: white;
-                               width: 200px;
-                               height: 200px;
-                               columns: 2;
-                               column-rule-width: 100px;
-                               column-rule-color: green;
-                               column-rule-style: solid;
+                font: 100px Ahem;
+                color: white;
+                width: 200px;
+                height: 200px;
+                columns: 2;
+                column-rule-width: 100px;
+                column-rule-color: green;
+                column-rule-style: solid;
             }
         </style>
     </head>
index 0b517bb..77c1c93 100644 (file)
@@ -9,21 +9,17 @@
         <style type="text/css">
             .test
             {
-                               font: 100px Ahem;
-                               color: black;
-                               width: 200px;
-                               height: 200px;
-                               columns: 2;
-                               column-rule-width: 100px;
-                               column-rule-color: rgb(255, 128, 255);
-                               column-rule-style: solid;
-                               color-filter: invert();
+                font: 100px Ahem;
+                color: black;
+                width: 200px;
+                height: 200px;
+                columns: 2;
+                column-rule-width: 100px;
+                column-rule-color: rgb(255, 128, 255);
+                column-rule-style: solid;
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a vertical green bar below.</p>
index ad74844..5579dde 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index bf127aa..83cb471 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: contrast()"></div>
index 2c7d97b..681a60d 100644 (file)
@@ -7,23 +7,23 @@
         <style type="text/css">
             .test
             {
-                               height: 200px;
-                               width: 200px;
-                               margin: 10px;
-                               color: green;
-                               border: 4px solid blue;
+                height: 200px;
+                width: 200px;
+                margin: 10px;
+                color: green;
+                border: 4px solid blue;
+            }
+            
+            .first
+            {
+                background-color: currentColor;
+            }
+            
+            .second > div {
+                width: 100%;
+                height: 100%;
+                background-color: currentColor;
             }
-                       
-                       .first
-                       {
-                               background-color: currentColor;
-                       }
-                       
-                       .second > div {
-                               width: 100%;
-                               height: 100%;
-                               background-color: currentColor;
-                       }
         </style>
     </head>
     <body>
index 7b81514..bc2569f 100644 (file)
@@ -9,29 +9,25 @@
         <style type="text/css">
             .test
             {
-                               height: 200px;
-                               width: 200px;
-                               margin: 10px;
-                               color: rgb(255, 128, 255);
-                               border: 4px solid yellow;
-                               color-filter: invert();
+                height: 200px;
+                width: 200px;
+                margin: 10px;
+                color: rgb(255, 128, 255);
+                border: 4px solid yellow;
+                color-filter: invert();
+            }
+            
+            .first
+            {
+                background-color: currentColor;
+            }
+            
+            .second > div {
+                width: 100%;
+                height: 100%;
+                background-color: currentColor;
             }
-                       
-                       .first
-                       {
-                               background-color: currentColor;
-                       }
-                       
-                       .second > div {
-                               width: 100%;
-                               height: 100%;
-                               background-color: currentColor;
-                       }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there are two green squares with a blue border.</p>
index 14d0c72..5345a54 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: purple;
-                               outline: 50px solid green;
-                               margin: 60px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: purple;
+                outline: 50px solid green;
+                margin: 60px;
+                float: left;
             }
         </style>
     </head>
index 318844b..779d3a8 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: purple;
-                               outline: 50px solid green;
-                               margin: 60px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: purple;
+                outline: 50px solid green;
+                margin: 60px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test"></div>
index 39a7963..3a9ce8c 100644 (file)
@@ -7,10 +7,10 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               margin: 10px;
-                               float: left;
+                width: 200px;
+                height: 200px;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 4e1cae9..dde0457 100644 (file)
@@ -9,17 +9,13 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               margin: 10px;
-                               float: left;
-                               color-filter: invert();
+                width: 200px;
+                height: 200px;
+                margin: 10px;
+                float: left;
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="background-image: linear-gradient(yellow, cyan);"></div>
index 9b70599..6dbcd14 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index fa5440b..c95460a 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: grayscale()"></div>
index 4ca29a1..becb010 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 350bbca..a7b065c 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: hue-rotate()"></div>
index 5973ae7..efe800f 100644 (file)
@@ -7,18 +7,18 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
+                font: 120px Ahem;
+            }
+            
+            .test > div {
+                color: green;
             }
-                       
-                       .test > div {
-                               color: green;
-                       }
         </style>
     </head>
     <body>
         <p>Test passes if there is a green square.</p>
         <div class="test">
-                       <div>A</div>
-               </div>
+            <div>A</div>
+        </div>
     </body>
 </html>
index a68e6d0..b5ce2d0 100644 (file)
@@ -9,23 +9,19 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
-                               color-filter: invert();
+                font: 120px Ahem;
+                color-filter: invert();
+            }
+            
+            .test > div {
+                color: rgb(255, 128, 255);
             }
-                       
-                       .test > div {
-                               color: rgb(255, 128, 255);
-                       }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square.</p>
         <div class="test">
-                       <div>A</div>
-               </div>
+            <div>A</div>
+        </div>
     </body>
 </html>
index 99d9edd..ccab926 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 6aad512..a27fb08 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: invert()"></div>
index c05bc5c..ccdc1bf 100644 (file)
@@ -7,39 +7,39 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: green;
-                               margin: 10px;
-                               float: left;
+                width: 200px;
+                height: 200px;
+                background-color: green;
+                margin: 10px;
+                float: left;
+            }
+            
+            .test > div {
+                width: 100px;
+                height: 100px;
+                margin: 50px;
+                background-color: blue;
             }
-                       
-                       .test > div {
-                               width: 100px;
-                               height: 100px;
-                               margin: 50px;
-                               background-color: blue;
-                       }
         </style>
     </head>
     <body>
         <div class="test">
-                       <div></div>
-               </div>
+            <div></div>
+        </div>
         <div class="test">
-                       <div></div>
-               </div>
+            <div></div>
+        </div>
         <div class="test">
-                       <div></div>
-               </div>
+            <div></div>
+        </div>
         <div class="test" style="background-color: rgba(0, 128, 0, 0.50196)">
-                       <div style="background-color: rgba(0, 0, 255, 0.5)"></div>
-               </div>
+            <div style="background-color: rgba(0, 0, 255, 0.5)"></div>
+        </div>
         <div class="test" style="background-color: transparent">
-                       <div style="background-color: transparent"></div>
-               </div>
+            <div style="background-color: transparent"></div>
+        </div>
         <div class="test">
-                       <div></div>
-               </div>
+            <div></div>
+        </div>
     </body>
 </html>
index fd5d9dc..ac1dc6e 100644 (file)
@@ -9,24 +9,20 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               background-color: green;
-                               margin: 10px;
-                               float: left;
+                width: 200px;
+                height: 200px;
+                background-color: green;
+                margin: 10px;
+                float: left;
+            }
+            
+            .test > div {
+                width: 100px;
+                height: 100px;
+                margin: 50px;
+                background-color: blue;
             }
-                       
-                       .test > div {
-                               width: 100px;
-                               height: 100px;
-                               margin: 50px;
-                               background-color: blue;
-                       }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: opacity()"><div></div></div>
index 4b72668..a67ca26 100644 (file)
@@ -7,11 +7,11 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               margin: 50px;
-                               background-color: green;
-                               outline: 20px solid blue;
+                width: 200px;
+                height: 200px;
+                margin: 50px;
+                background-color: green;
+                outline: 20px solid blue;
             }
         </style>
     </head>
index b590cd2..7922947 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 200px;
-                               height: 200px;
-                               margin: 50px;
-                               background-color: rgb(255, 128, 255);
-                               outline: 20px solid yellow;
-                               color-filter: invert();
+                width: 200px;
+                height: 200px;
+                margin: 50px;
+                background-color: rgb(255, 128, 255);
+                outline: 20px solid yellow;
+                color-filter: invert();
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there is a green square with a blue outline.</p>
index 526d510..d0d426a 100644 (file)
@@ -4,17 +4,14 @@
 
 <script>
 
-if (window.internals)
-    internals.settings.setColorFilterEnabled(true);
-
 var testDiv = document.querySelector('#test');
 
 function testColorFilterParsing(value, expected, name)
 {
     test(() => {
-               testDiv.style.colorFilter = '';
-               testDiv.style.colorFilter = value;
-               var computedStyle = getComputedStyle(testDiv).colorFilter;
+        testDiv.style.colorFilter = '';
+        testDiv.style.colorFilter = value;
+        var computedStyle = getComputedStyle(testDiv).colorFilter;
         assert_equals(computedStyle, expected);
     }, name);
 }
index 4e7eadd..8a5967d 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 22cd111..cc73db4 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: saturate()"></div>
index 6ccb7d2..7f9ef8e 100644 (file)
@@ -7,12 +7,12 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
     </head>
index 2dbb6cf..40cc4d5 100644 (file)
@@ -9,18 +9,14 @@
         <style type="text/css">
             .test
             {
-                               width: 100px;
-                               height: 100px;
-                               background-color: blue;
-                               border: 50px solid green;
-                               margin: 10px;
-                               float: left;
+                width: 100px;
+                height: 100px;
+                background-color: blue;
+                border: 50px solid green;
+                margin: 10px;
+                float: left;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <div class="test" style="color-filter: sepia()"></div>
index 5727a38..6813a76 100644 (file)
@@ -7,20 +7,20 @@
         <style type="text/css">
             .test
             {
-                               font: 120px sans-serif;
-                               color: green;
-                               margin: 100px 20px;
-                               text-decoration: underline overline line-through;
+                font: 120px sans-serif;
+                color: green;
+                margin: 100px 20px;
+                text-decoration: underline overline line-through;
             }
 
             .single
             {
-                               text-shadow: 150px 0 0 yellow;
+                text-shadow: 150px 0 0 yellow;
             }
 
             .multiple
             {
-                               text-shadow: 150px 0 0 yellow, 300px 0 0 cyan;
+                text-shadow: 150px 0 0 yellow, 300px 0 0 cyan;
             }
         </style>
     </head>
index 144f093..ce7f7be 100644 (file)
@@ -9,21 +9,21 @@
         <style type="text/css">
             .test
             {
-                               font: 120px sans-serif;
-                               color: rgb(255, 128, 255);
-                               color-filter: invert();
-                               margin: 100px 20px;
-                               text-decoration: underline overline line-through;
+                font: 120px sans-serif;
+                color: rgb(255, 128, 255);
+                color-filter: invert();
+                margin: 100px 20px;
+                text-decoration: underline overline line-through;
             }
 
             .single
             {
-                               text-shadow: 150px 0 0 blue;
+                text-shadow: 150px 0 0 blue;
             }
 
             .multiple
             {
-                               text-shadow: 150px 0 0 blue, 300px 0 0 red;
+                text-shadow: 150px 0 0 blue, 300px 0 0 red;
             }
         </style>
     </head>
index 413526a..bfeea4a 100644 (file)
@@ -7,22 +7,22 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
-                               color: green;
-                               margin: 10px;
+                font: 120px Ahem;
+                color: green;
+                margin: 10px;
             }
 
-                       .over
-                       {
-                               -webkit-text-emphasis: "m";
-                               -webkit-text-emphasis-position: over;
-                       }
-                       
-                       .under
-                       {
-                               -webkit-text-emphasis: "m";
-                               -webkit-text-emphasis-position: under;
-                       }
+            .over
+            {
+                -webkit-text-emphasis: "m";
+                -webkit-text-emphasis-position: over;
+            }
+            
+            .under
+            {
+                -webkit-text-emphasis: "m";
+                -webkit-text-emphasis-position: under;
+            }
         </style>
     </head>
     <body>
index 09ac26c..108f11a 100644 (file)
@@ -9,28 +9,24 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
-                               color: rgb(255, 128, 255);
-                               color-filter: invert();
-                               margin: 10px;
+                font: 120px Ahem;
+                color: rgb(255, 128, 255);
+                color-filter: invert();
+                margin: 10px;
             }
 
-                       .over
-                       {
-                               -webkit-text-emphasis: "m";
-                               -webkit-text-emphasis-position: over;
-                       }
-                       
-                       .under
-                       {
-                               -webkit-text-emphasis: "m";
-                               -webkit-text-emphasis-position: under;
-                       }
+            .over
+            {
+                -webkit-text-emphasis: "m";
+                -webkit-text-emphasis-position: over;
+            }
+            
+            .under
+            {
+                -webkit-text-emphasis: "m";
+                -webkit-text-emphasis-position: under;
+            }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>Test passes if there are two shapes which are entirely green.</p>
index 5275d86..c17e66c 100644 (file)
@@ -7,19 +7,19 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
-                               color: green;
-                               margin: 100px 20px;
+                font: 120px Ahem;
+                color: green;
+                margin: 100px 20px;
             }
 
             .single
             {
-                               text-shadow: 50px 50px 0 yellow;
+                text-shadow: 50px 50px 0 yellow;
             }
 
             .multiple
             {
-                               text-shadow: 50px 50px 0 yellow, 100px 100px 0 cyan;
+                text-shadow: 50px 50px 0 yellow, 100px 100px 0 cyan;
             }
         </style>
     </head>
index af0202c..c569ba9 100644 (file)
@@ -9,26 +9,22 @@
         <style type="text/css">
             .test
             {
-                               font: 120px Ahem;
-                               color: rgb(255, 128, 255);
-                               color-filter: invert();
-                               margin: 100px 20px;
+                font: 120px Ahem;
+                color: rgb(255, 128, 255);
+                color-filter: invert();
+                margin: 100px 20px;
             }
 
             .single
             {
-                               text-shadow: 50px 50px 0 blue;
+                text-shadow: 50px 50px 0 blue;
             }
 
             .multiple
             {
-                               text-shadow: 50px 50px 0 blue, 100px 100px 0 red;
+                text-shadow: 50px 50px 0 blue, 100px 100px 0 red;
             }
         </style>
-               <script>
-                       if (window.internals)
-                           internals.settings.setColorFilterEnabled(true);
-               </script>
     </head>
     <body>
         <p>At the top you should see a green square with a yellow shadow.</p>
index 5752afb..e8e20c6 100644 (file)
                 color-filter: invert();
             }
         </style>
-        <script>
-            if (window.internals)
-                internals.settings.setColorFilterEnabled(true);
-        </script>
     </head>
     <body>
         <div class="test" style="stroke-color: yellow; stroke-width: 20px;">O</div>