Temporarily disable color format related tests

The CL[1] changes the CSS color format used throughout DevTools. It
breaks some of the web tests. This CL updates exectations according
to the changes made in [1] and disables the tests temporarily.
The tests will be re-enabled once the change is made.

[1]: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2159516

Bug: 1073350
Change-Id: I4b27909e5f27ee142cf609bab0cbfdd7b3887364
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2162885Reviewed-by: Mathias Bynens <mathias@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
Cr-Commit-Position: refs/heads/master@{#761899}

third_party/blink/web_tests/TestExpectations

@@ -5744,7 +5744,7 @@ crbug.com/958347 [ Linux ] external/wpt/editing/run/removeformat.html [ Pass Cra
 crbug.com/958426 [ Mac10.13 ] virtual/text-antialias/line-break-ascii.html [ Timeout Pass ]
 
 # Sheriff 2019-05-06
-crbug.com/959002 crbug.com/959042 http/tests/devtools/elements/styles-1/color-aware-property-value-edit.js [ Pass Timeout ]
+# crbug.com/959002 crbug.com/959042 http/tests/devtools/elements/styles-1/color-aware-property-value-edit.js [ Pass Timeout ]
 crbug.com/959002 crbug.com/959042 http/tests/devtools/elements/styles-1/edit-resource-referred-by-multiple-styletags.js [ Pass Timeout ]
 crbug.com/959002 crbug.com/959042 http/tests/devtools/elements/styles-3/style-autocomplete.js [ Pass Timeout ]
 crbug.com/959002 crbug.com/959042 http/tests/devtools/elements/styles-3/styles-variables.js [ Pass Timeout ]
@@ -6397,7 +6397,7 @@ crbug.com/1044562 [ Release Mac ] http/tests/devtools/modify-cross-domain-rule.j
 crbug.com/1044563 [ Release ] http/tests/devtools/background-services/background-services-panel.js [ Pass Timeout ]
 crbug.com/1044805 [ Release ] http/tests/devtools/elements/styles-2/inject-stylesheet.js [ Pass Timeout ]
 crbug.com/1044822 [ Release ] http/tests/devtools/cache-storage/cache-entry-deletion.js [ Pass Timeout ]
-crbug.com/1044823 [ Release ] http/tests/devtools/extensions/extensions-timeline-api.js [ Pass Timeout ]
+# crbug.com/1044823 [ Release ] http/tests/devtools/extensions/extensions-timeline-api.js [ Pass Timeout ]
 crbug.com/1044825 [ Release ] http/tests/devtools/network/resource-priority.js [ Pass Timeout ]
 crbug.com/1044829 [ Release Win ] http/tests/devtools/cache-storage/cache-deletion.js [ Pass Timeout ]
 crbug.com/1044829 [ Release Mac ] http/tests/devtools/cache-storage/cache-deletion.js [ Pass Timeout ]
@@ -6580,6 +6580,13 @@ crbug.com/1006759 http/tests/devtools/agents-enable-disable.js [ Skip ]
 crbug.com/1006759 http/tests/devtools/search/search-in-non-existing-resource.js [ Skip ]
 crbug.com/1006759 http/tests/devtools/sources/debugger-breakpoints/debugger-set-breakpoint-regex.js [ Skip ]
 
+# DevTools roll
+crbug.com/1073350 http/tests/devtools/components/color.js [ Skip ]
+crbug.com/1073350 http/tests/devtools/elements/styles-1/color-aware-property-value-edit.js [ Skip ]
+crbug.com/1073350 http/tests/devtools/elements/styles-1/color-swatch.js [ Skip ]
+crbug.com/1073350 http/tests/devtools/elements/styles-4/styles-invalid-color-values.js [ Skip ]
+crbug.com/1073350 http/tests/devtools/extensions/extensions-timeline-api.js [ Skip ]
+
 # DevTools roll
 crbug.com/1050549 http/tests/devtools/unit/string-util.js [ Skip ]
 

third_party/blink/web_tests/http/tests/devtools/elements/styles-1/color-aware-property-value-edit-expected.txt

@@ -10,10 +10,10 @@ Running: editKeywordAsHex
 1px solid #f00
 
 Running: editKeywordAsHSL
-1px solid hsl(0, 100%, 50%)
+1px solid hsl(0 100% 50%)
 
 Running: editKeywordAsRGB
-1px solid rgb(255, 0, 0)
+1px solid rgb(255 0 0)
 
 Running: editHexAsOriginal
 #ffffee
@@ -22,10 +22,10 @@ Running: editHexAsHex
 #ffe
 
 Running: editHexAsHSL
-hsl(60, 100%, 97%)
+hsl(60 100% 97%)
 
 Running: editHexAsRGB
-rgb(255, 255, 238)
+rgb(255 255 238)
 
 Running: editNewProperty
 hsl(120, 100%, 25%)

third_party/blink/web_tests/http/tests/devtools/elements/styles-1/color-swatch-expected.txt

@@ -5,7 +5,7 @@ Running: selectNode
 
 Running: testColorSwatchInMatchRules
 Initial color value: red
-After shift-click: rgb(255, 0, 0)
+After shift-click: rgb(255 0 0)
 Has popover before click: false
 Has popover after click: true
 
@@ -17,5 +17,5 @@ var function has a color swatch: true
 
 Running: testColorSwatchInComputedRules
 Initial color value: rgb(255, 0, 0)
-After shift-click color value: hsl(0, 100%, 50%)
+After shift-click color value: hsl(0 100% 50%)
 

third_party/blink/web_tests/http/tests/devtools/elements/styles-4/styles-invalid-color-values-expected.txt

@@ -11,8 +11,8 @@ color: red
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: #F00
   simple: true
@@ -22,8 +22,8 @@ color: #F00
   shorthex: #F00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: #F00F
   simple: true
@@ -33,8 +33,8 @@ color: #F00F
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #F00F
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: #FF0000
   simple: true
@@ -44,8 +44,8 @@ color: #FF0000
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: #FF0000FF
   simple: true
@@ -55,8 +55,8 @@ color: #FF0000FF
   shorthex: #f00
   hexa: #FF0000FF
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: rgb(255,0,0)
   simple: true
@@ -67,7 +67,7 @@ color: rgb(255,0,0)
   hexa: #ff0000ff
   shorthexa: #f00f
   rgb: rgb(255,0,0)
-  hsl: hsl(0, 100%, 50%)
+  hsl: hsl(0 100% 50%)
 
 color: rgb(300,0,0)
   simple: true
@@ -77,8 +77,8 @@ color: rgb(300,0,0)
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: rgb(255,-10,0)
   simple: true
@@ -88,8 +88,8 @@ color: rgb(255,-10,0)
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: rgb(110%, 0%, 0%)
   simple: true
@@ -99,8 +99,8 @@ color: rgb(110%, 0%, 0%)
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 color: rgba(0,0,0,0.5)
   simple: false
@@ -110,7 +110,7 @@ color: rgba(0,0,0,0.5)
   rgb: null
   rgba: rgba(0,0,0,0.5)
   hsl: null
-  hsla: hsla(0, 0%, 0%, 0.5)
+  hsla: hsl(0 0% 0% / 0.5)
 
 color: rgb(0,0,0,50%)
   simple: false
@@ -120,7 +120,7 @@ color: rgb(0,0,0,50%)
   rgb: null
   rgba: rgb(0,0,0,50%)
   hsl: null
-  hsla: hsla(0, 0%, 0%, 0.5)
+  hsla: hsl(0 0% 0% / 0.5)
 
 color: rgb( 0  0   0   /   50%  )
   simple: false
@@ -130,7 +130,7 @@ color: rgb( 0  0   0   /   50%  )
   rgb: null
   rgba: rgb( 0  0   0   /   50%  )
   hsl: null
-  hsla: hsla(0, 0%, 0%, 0.5)
+  hsla: hsl(0 0% 0% / 0.5)
 
 color: rgb(1 1 1/1)
   simple: true
@@ -138,8 +138,8 @@ color: rgb(1 1 1/1)
   hex: #010101
   hexa: #010101ff
   shorthexa: null
-  rgb: rgb(1, 1, 1)
-  hsl: hsl(0, 0%, 0%)
+  rgb: rgb(1 1 1)
+  hsl: hsl(0 0% 0%)
 
 color: rgb(1 1 1/ 1)
   simple: true
@@ -147,8 +147,8 @@ color: rgb(1 1 1/ 1)
   hex: #010101
   hexa: #010101ff
   shorthexa: null
-  rgb: rgb(1, 1, 1)
-  hsl: hsl(0, 0%, 0%)
+  rgb: rgb(1 1 1)
+  hsl: hsl(0 0% 0%)
 
 color: rgba(1.5 1.5 1.5)
   simple: true
@@ -157,7 +157,7 @@ color: rgba(1.5 1.5 1.5)
   hexa: #020202ff
   shorthexa: null
   rgb: rgba(1.5 1.5 1.5)
-  hsl: hsl(0, 0%, 1%)
+  hsl: hsl(0 0% 1%)
 
 color: hsl(-120, 100%, 50%)
   simple: true
@@ -167,7 +167,7 @@ color: hsl(-120, 100%, 50%)
   shorthex: #00f
   hexa: #0000ffff
   shorthexa: #00ff
-  rgb: rgb(0, 0, 255)
+  rgb: rgb(0 0 255)
   hsl: hsl(-120, 100%, 50%)
 
 color: hsl(-120deg, 100%, 50%)
@@ -178,7 +178,7 @@ color: hsl(-120deg, 100%, 50%)
   shorthex: #00f
   hexa: #0000ffff
   shorthexa: #00ff
-  rgb: rgb(0, 0, 255)
+  rgb: rgb(0 0 255)
   hsl: hsl(-120deg, 100%, 50%)
 
 color: hsl(-120, 200%, 200%)
@@ -189,7 +189,7 @@ color: hsl(-120, 200%, 200%)
   shorthex: #fff
   hexa: #ffffffff
   shorthexa: #ffff
-  rgb: rgb(255, 255, 255)
+  rgb: rgb(255 255 255)
   hsl: hsl(-120, 200%, 200%)
 
 color: hsl(-120, -200%, -200%)
@@ -200,8 +200,8 @@ color: hsl(-120, -200%, -200%)
   shorthex: #000
   hexa: #000000ff
   shorthexa: #000f
-  rgb: rgb(0, 0, 0)
-  hsl: hsl(0, 0%, 0%)
+  rgb: rgb(0 0 0)
+  hsl: hsl(0 0% 0%)
 
 color: hsla(-120, -200%, -200%, -5)
   simple: false
@@ -210,9 +210,9 @@ color: hsla(-120, -200%, -200%, -5)
   hexa: #00000000
   shorthexa: #0000
   rgb: null
-  rgba: rgba(0, 0, 0, 0)
+  rgba: rgb(0 0 0 / 0)
   hsl: null
-  hsla: hsla(0, 0%, 0%, 0)
+  hsla: hsl(0 0% 0% / 0)
 
 color: hsla(240,100%,50%,0.05)
   simple: false
@@ -220,7 +220,7 @@ color: hsla(240,100%,50%,0.05)
   hexa: #0000ff0d
   shorthexa: null
   rgb: null
-  rgba: rgba(0, 0, 255, 0.05)
+  rgba: rgb(0 0 255 / 0.05)
   hsl: null
   hsla: hsla(240,100%,50%,0.05)
 
@@ -231,7 +231,7 @@ color: hsl(200.5,0%,50%)
   hex: #808080
   hexa: #808080ff
   shorthexa: null
-  rgb: rgb(128, 128, 128)
+  rgb: rgb(128 128 128)
   hsl: hsl(200.5,0%,50%)
 
 color: hsla(200,1.5%,50%,1)
@@ -240,8 +240,8 @@ color: hsla(200,1.5%,50%,1)
   hex: #7e8081
   hexa: #7e8081ff
   shorthexa: null
-  rgb: rgb(126, 128, 129)
-  hsl: hsl(200, 1%, 50%)
+  rgb: rgb(126 128 129)
+  hsl: hsl(200 1% 50%)
 
 color: rgba(0,0,0,.5)
   simple: false
@@ -251,7 +251,7 @@ color: rgba(0,0,0,.5)
   rgb: null
   rgba: rgba(0,0,0,.5)
   hsl: null
-  hsla: hsla(0, 0%, 0%, 0.5)
+  hsla: hsl(0 0% 0% / 0.5)
 
 color: hsla(.5,.5%,.5%,.5)
   simple: false
@@ -259,7 +259,7 @@ color: hsla(.5,.5%,.5%,.5)
   hexa: #01010180
   shorthexa: null
   rgb: null
-  rgba: rgba(1, 1, 1, 0.5)
+  rgba: rgb(1 1 1 / 0.5)
   hsl: null
   hsla: hsla(.5,.5%,.5%,.5)
 
@@ -269,7 +269,7 @@ color: hsla(100.5,50.5%,50.5%,.5)
   hexa: #6ac14180
   shorthexa: null
   rgb: null
-  rgba: rgba(106, 193, 65, 0.5)
+  rgba: rgb(106 193 65 / 0.5)
   hsl: null
   hsla: hsla(100.5,50.5%,50.5%,.5)
 
@@ -279,9 +279,9 @@ color: rgba(255, 0, 0, -5)
   hexa: #ff000000
   shorthexa: #f000
   rgb: null
-  rgba: rgba(255, 0, 0, 0)
+  rgba: rgb(255 0 0 / 0)
   hsl: null
-  hsla: hsla(0, 100%, 50%, 0)
+  hsla: hsl(0 100% 50% / 0)
 
 color: rgba(255, 0, 0, 5)
   simple: true
@@ -291,8 +291,8 @@ color: rgba(255, 0, 0, 5)
   shorthex: #f00
   hexa: #ff0000ff
   shorthexa: #f00f
-  rgb: rgb(255, 0, 0)
-  hsl: hsl(0, 100%, 50%)
+  rgb: rgb(255 0 0)
+  hsl: hsl(0 100% 50%)
 
 Running: testInvalidColors
 

third_party/blink/web_tests/http/tests/devtools/extensions/extensions-timeline-api-expected.txt

@@ -23,10 +23,10 @@ traceProvider.onRecordingStopped fired.
 Timeline Flame Chart
 Group: long extension name
 Level 0
-Extension record X 1 (hsla(261, 82%, 70%, 0.7))
-Extension record X 2 (hsla(230, 88%, 70%, 0.7))
+Extension record X 1 (hsl(261 82% 70% / 0.7))
+Extension record X 2 (hsl(230 88% 70% / 0.7))
 Level 1
-Extension record I 1 (hsla(298, 100%, 70%, 0.7))
-Extension record B+E (hsla(292, 100%, 70%, 0.7))
+Extension record I 1 (hsl(298 100% 70% / 0.7))
+Extension record B+E (hsl(292 100% 70% / 0.7))
 All tests done.