This test checks that by default, if using JavaScript to focus an element triggers :focus-visible matching, then the element should show a focus ring with outline-style: auto.

  1. If the element below that says "Target" show a focus ring with outline-style: auto, then the test result is SUCCESS.

Your user-agent does not support :focus-visible pseudo-class, please SKIP this test.

Target

Summary

Harness status: OK

Found 2 tests

Details

ResultTest NameMessage
Pass":focus-visible" should be a valid selector
Asserts run
Pass
assert_true(true, "\":focus-visible\" should not throw in querySelector")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:68:9)
Pass
assert_equals(0, 0, "Sheet should have no rule")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:76:9)
Pass
assert_equals(1, 1, "Sheet should have 1 rule")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:78:9)
Pass
assert_equals(":focus-visible", ":focus-visible", "serialization should be canonical")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:84:13)
Pass
assert_equals(0, 0, "Sheet should have no rule")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:87:9)
Pass
assert_equals(1, 1, "Sheet should have 1 rule")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:89:9)
Pass
assert_equals(":focus-visible", ":focus-visible", "serialization should round-trip")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:91:9)
Pass
assert_equals(true, true, "CSS.supports() reports the expected value")
    at Test.<anonymous> ( /css/support/parsing-testcommon.js:94:9)
PassBy default initial programatic focus matches ':focus-visible', so the element shows a focus ring with 'outline-style: auto'
Asserts run
Pass
assert_equals("auto", "auto", "outline-style for DIV#target should be auto")
    at Test.<anonymous> ( /css/selectors/focus-visible-017.html:39:7)