[css-ui] expect resolved color in inheritance test

getComputedStyle returns the resolved color, not 'invert' or 'auto'
https://drafts.csswg.org/cssom/#resolved-value

outline-color initial value test now passes in Chrome/Firefox/Safari;
they return the current rgb() color.
Fails Edge, which returns 'invert' instead of a rgb() color.

css/css-ui/inheritance.html

@@ -19,24 +19,33 @@
 #reference {
   border-style: dotted; /* Avoid border-top-width computed style 0 */
   border-top-width: medium;
+  color: lime;
+  background: blue;
 }
 
 #container, #target {
   outline-style: dotted; /* Avoid outline-width computed style 0 */
+  color: lime;
+  background: blue;
 }
 </style>
 <script>
 const mediumWidth = getComputedStyle(reference).borderTopWidth; // e.g. 3px
+const currentColor = getComputedStyle(reference).color;
+const invertBackgroundColor = 'rgb(255, 255, 0)';
 
 assert_not_inherited('appearance', 'auto', 'none');
-assert_inherited('caret-color', 'auto', 'rgba(42, 53, 64, 0.75)');
+assert_inherited('caret-color', currentColor, 'rgba(42, 53, 64, 0.75)');
 assert_inherited('caret-shape', 'auto', 'bar');
 assert_inherited('cursor', 'auto', 'pointer');
 assert_not_inherited('nav-down', 'auto', '#foo');
 assert_not_inherited('nav-left', 'auto', '#foo');
 assert_not_inherited('nav-right', 'auto', '#foo');
 assert_not_inherited('nav-up', 'auto', '#foo');
-assert_not_inherited('outline-color', 'invert', 'rgba(42, 53, 64, 0.75)');
+if (CSS.supports('outline-color', 'invert'))
+  assert_not_inherited('outline-color', invertBackgroundColor, 'rgba(42, 53, 64, 0.75)');
+else
+  assert_not_inherited('outline-color', currentColor, 'rgba(42, 53, 64, 0.75)');
 assert_not_inherited('outline-offset', '0px', '10px');
 assert_not_inherited('outline-style', 'none', 'auto');
 assert_not_inherited('outline-width', mediumWidth, '10px');