wpt / css / css-overflow / parsing / scroll-buttons-valid.html

Status: FAIL | Duration: 58ms | Subtests: 0/37 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (0/37)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
"::scroll-button(up)" should be a valid selectorFAIL"::scroll-button(up)" is not a valid selector
"::scroll-button(down)" should be a valid selectorFAIL"::scroll-button(down)" is not a valid selector
"::scroll-button(left)" should be a valid selectorFAIL"::scroll-button(left)" is not a valid selector
"::scroll-button(right)" should be a valid selectorFAIL"::scroll-button(right)" is not a valid selector
"::scroll-button(block-start)" should be a valid selectorFAIL"::scroll-button(block-start)" is not a valid selector
"::scroll-button(inline-start)" should be a valid selectorFAIL"::scroll-button(inline-start)" is not a valid selector
"::scroll-button(inline-end)" should be a valid selectorFAIL"::scroll-button(inline-end)" is not a valid selector
"::scroll-button(block-end)" should be a valid selectorFAIL"::scroll-button(block-end)" is not a valid selector
"::scroll-button(*)" should be a valid selectorFAIL"::scroll-button(*)" is not a valid selector
"::scroll-button( up)" should be a valid selectorFAIL"::scroll-button( up)" is not a valid selector
"::scroll-button(up )" should be a valid selectorFAIL"::scroll-button(up )" is not a valid selector
"::scroll-button( *)" should be a valid selectorFAIL"::scroll-button( *)" is not a valid selector
"::scroll-button(* )" should be a valid selectorFAIL"::scroll-button(* )" is not a valid selector
"::scroll-button(up):focus" should be a valid selectorFAIL"::scroll-button(up):focus" is not a valid selector
"::scroll-button(down):focus" should be a valid selectorFAIL"::scroll-button(down):focus" is not a valid selector
"::scroll-button(left):focus" should be a valid selectorFAIL"::scroll-button(left):focus" is not a valid selector
"::scroll-button(right):focus" should be a valid selectorFAIL"::scroll-button(right):focus" is not a valid selector
"::scroll-button(block-start):focus" should be a valid selectorFAIL"::scroll-button(block-start):focus" is not a valid selector
"::scroll-button(inline-start):focus" should be a valid selectorFAIL"::scroll-button(inline-start):focus" is not a valid selector
"::scroll-button(inline-end):focus" should be a valid selectorFAIL"::scroll-button(inline-end):focus" is not a valid selector
"::scroll-button(block-end):focus" should be a valid selectorFAIL"::scroll-button(block-end):focus" is not a valid selector
"::scroll-button(up):disabled" should be a valid selectorFAIL"::scroll-button(up):disabled" is not a valid selector
"::scroll-button(down):disabled" should be a valid selectorFAIL"::scroll-button(down):disabled" is not a valid selector
"::scroll-button(left):disabled" should be a valid selectorFAIL"::scroll-button(left):disabled" is not a valid selector
"::scroll-button(right):disabled" should be a valid selectorFAIL"::scroll-button(right):disabled" is not a valid selector
"::scroll-button(block-start):disabled" should be a valid selectorFAIL"::scroll-button(block-start):disabled" is not a valid selector
"::scroll-button(inline-start):disabled" should be a valid selectorFAIL"::scroll-button(inline-start):disabled" is not a valid selector
"::scroll-button(inline-end):disabled" should be a valid selectorFAIL"::scroll-button(inline-end):disabled" is not a valid selector
"::scroll-button(block-end):disabled" should be a valid selectorFAIL"::scroll-button(block-end):disabled" is not a valid selector
"::scroll-button(up):enabled" should be a valid selectorFAIL"::scroll-button(up):enabled" is not a valid selector
"::scroll-button(down):enabled" should be a valid selectorFAIL"::scroll-button(down):enabled" is not a valid selector
"::scroll-button(left):enabled" should be a valid selectorFAIL"::scroll-button(left):enabled" is not a valid selector
"::scroll-button(right):enabled" should be a valid selectorFAIL"::scroll-button(right):enabled" is not a valid selector
"::scroll-button(block-start):enabled" should be a valid selectorFAIL"::scroll-button(block-start):enabled" is not a valid selector
"::scroll-button(inline-start):enabled" should be a valid selectorFAIL"::scroll-button(inline-start):enabled" is not a valid selector
"::scroll-button(inline-end):enabled" should be a valid selectorFAIL"::scroll-button(inline-end):enabled" is not a valid selector
"::scroll-button(block-end):enabled" should be a valid selectorFAIL"::scroll-button(block-end):enabled" is not a valid selector

/css/css-overflow/parsing/scroll-buttons-valid.html

<!doctype html>
<meta charset="utf-8">
<title>CSS Overflow Test: ::scroll-button() valid tests</title>
<link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-buttons">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<script>
  test_valid_selector('::scroll-button(up)');
  test_valid_selector('::scroll-button(down)');
  test_valid_selector('::scroll-button(left)');
  test_valid_selector('::scroll-button(right)');
  test_valid_selector('::scroll-button(block-start)');
  test_valid_selector('::scroll-button(inline-start)');
  test_valid_selector('::scroll-button(inline-end)');
  test_valid_selector('::scroll-button(block-end)');
  test_valid_selector('::scroll-button(*)');
  test_valid_selector('::scroll-button( up)', '::scroll-button(up)');
  test_valid_selector('::scroll-button(up )', '::scroll-button(up)');
  test_valid_selector('::scroll-button( *)', '::scroll-button(*)');
  test_valid_selector('::scroll-button(* )', '::scroll-button(*)');

  // :focus
  test_valid_selector('::scroll-button(up):focus');
  test_valid_selector('::scroll-button(down):focus');
  test_valid_selector('::scroll-button(left):focus');
  test_valid_selector('::scroll-button(right):focus');
  test_valid_selector('::scroll-button(block-start):focus');
  test_valid_selector('::scroll-button(inline-start):focus');
  test_valid_selector('::scroll-button(inline-end):focus');
  test_valid_selector('::scroll-button(block-end):focus');

  // :disabled
  test_valid_selector('::scroll-button(up):disabled');
  test_valid_selector('::scroll-button(down):disabled');
  test_valid_selector('::scroll-button(left):disabled');
  test_valid_selector('::scroll-button(right):disabled');
  test_valid_selector('::scroll-button(block-start):disabled');
  test_valid_selector('::scroll-button(inline-start):disabled');
  test_valid_selector('::scroll-button(inline-end):disabled');
  test_valid_selector('::scroll-button(block-end):disabled');

  // :enabled
  test_valid_selector('::scroll-button(up):enabled');
  test_valid_selector('::scroll-button(down):enabled');
  test_valid_selector('::scroll-button(left):enabled');
  test_valid_selector('::scroll-button(right):enabled');
  test_valid_selector('::scroll-button(block-start):enabled');
  test_valid_selector('::scroll-button(inline-start):enabled');
  test_valid_selector('::scroll-button(inline-end):enabled');
  test_valid_selector('::scroll-button(block-end):enabled');
</script>