Blitz - WPT: getComputedStyle-pseudo-checkmark.html

wpt / css / cssom / getComputedStyle-pseudo-checkmark.html

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

Subtest	Status	Message
Resolution of width is correct when pseudo-element argument is ignored (due to no colon)	PASS
Resolution of width is correct when pseudo-element argument is ignored (due to single-colon)	FAIL	assert_equals: expected "" but got "321px"
Resolution of width is correct for pseudo-element (due to double-colon)	FAIL	assert_equals: expected "13px" but got "321px"

Enable JavaScript in test iframe

/css/cssom/getComputedStyle-pseudo-checkmark.html

<!doctype html>
<meta charset="utf-8">
<title>CSSOM: Correct resolution of resolved value for the checkmark pseudo-element</title>

<link rel="help" href="https://drafts.csswg.org/cssom/#dom-window-getcomputedstyle">
<link rel="help" href="https://drafts.csswg.org/cssom/#resolved-values">
<link rel="help" href="https://drafts.csswg.org/css-forms/#checkmark-element">

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

<style>
select,
select::picker(select) {
  appearance: base-select;
}

#test-option {
  width: 321px;
}

#test-option::checkmark {
  width: 13px;
}
</style>

<select>
  <option id="test-option">The only option</option>
</select>

<script>
test(() => {
  const test_option = document.getElementById('test-option');
  assert_equals(getComputedStyle(test_option, "checkmark").width, "321px");
}, "Resolution of width is correct when pseudo-element argument is ignored (due to no colon)");

test(() => {
  const test_option = document.getElementById('test-option');
  assert_equals(getComputedStyle(test_option, ":checkmark").width, "");
}, "Resolution of width is correct when pseudo-element argument is ignored (due to single-colon)");

test(() => {
  const test_option = document.getElementById('test-option');
  assert_equals(getComputedStyle(test_option, "::checkmark").width, "13px");
}, "Resolution of width is correct for pseudo-element (due to double-colon)");
</script>