outline-color-computed.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /css/css-ui/parsing/outline-color-computed.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>CSS UI Level 3: getComputedStyle().outlineColor</title>

<link rel="help" href="https://drafts.csswg.org/css-ui-3/#outline-color">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/css/support/computed-testcommon.js"></script>

<style>

  #target {

    color: blue;

    outline-style: auto;

    outline-color: auto;

  #target2 {

    color: blue;

    outline-style: solid;

    outline-color: auto;

</style>

</head>

<body>

<div id="target"></div>

<div id="target2"></div>

<script>

'use strict';

const currentColor = "rgb(0, 0, 255)";

test_computed_value("outline-color", "currentColor", currentColor);

test_computed_value("outline-color", "red", "rgb(255, 0, 0)");

test(() => {

  const target = document.getElementById('target');

  const target2 = document.getElementById('target2');

  assert_equals(getComputedStyle(target).outlineColor, 'auto');

  assert_equals(getComputedStyle(target2).outlineColor, currentColor);

}, 'auto computes to itself or to currentColor depending on the value of outline-style');

</script>

</body>

</html>