[css-ui] expect resolved color in inheritance test (#13748)

getComputedStyle returns the resolved color, not 'currentcolor' or 'auto'
Also, outline-color can have two possible initial values, depending on whether 'invert' is supported or not.
https://drafts.csswg.org/cssom/#resolved-value
https://drafts.csswg.org/css-color-4/#resolving-color-values
https://www.w3.org/TR/css-ui-3/#outline-color

css/css-ui/inheritance.html

@@ -19,24 +19,32 @@
 #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;
 
 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', 'invert', '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');