accent-color-computed.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-ui/accent-color-computed.html - WPT Dashboard Interop Dashboard

<!doctype html>

<link rel="help" href="https://drafts.csswg.org/css-ui-4/#widget-accent">

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

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

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

<style>

  #outer { accent-color: red; color: black; }

</style>

<div id="outer">

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

</div>

<div id=noAccentColor></div>

<script>

test_computed_value('accent-color', 'initial', 'auto');

test_computed_value('accent-color', 'inherit', 'rgb(255, 0, 0)');

test_computed_value('accent-color', 'red', 'rgb(255, 0, 0)');

test_computed_value('accent-color', 'blue', 'rgb(0, 0, 255)');

test_computed_value('accent-color', 'auto', 'auto');

test_computed_value('accent-color', 'currentcolor', 'rgb(0, 0, 0)');

test_computed_value('accent-color', '#fff', 'rgb(255, 255, 255)');

// When accent-color isn't specified, it should return 'auto'

assert_equals(getComputedStyle(noAccentColor).accentColor, 'auto');

</script>