Blitz - WPT: cursor-valid.html

wpt / css / css-ui / parsing / cursor-valid.html

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

Subtest	Status	Message
e.style['cursor'] = "auto" should set the property value	PASS
e.style['cursor'] = "default" should set the property value	PASS
e.style['cursor'] = "none" should set the property value	PASS
e.style['cursor'] = "context-menu" should set the property value	PASS
e.style['cursor'] = "help" should set the property value	PASS
e.style['cursor'] = "pointer" should set the property value	PASS
e.style['cursor'] = "progress" should set the property value	PASS
e.style['cursor'] = "wait" should set the property value	PASS
e.style['cursor'] = "cell" should set the property value	PASS
e.style['cursor'] = "crosshair" should set the property value	PASS
e.style['cursor'] = "text" should set the property value	PASS
e.style['cursor'] = "vertical-text" should set the property value	PASS
e.style['cursor'] = "alias" should set the property value	PASS
e.style['cursor'] = "copy" should set the property value	PASS
e.style['cursor'] = "move" should set the property value	PASS
e.style['cursor'] = "no-drop" should set the property value	PASS
e.style['cursor'] = "not-allowed" should set the property value	PASS
e.style['cursor'] = "grab" should set the property value	PASS
e.style['cursor'] = "grabbing" should set the property value	PASS
e.style['cursor'] = "e-resize" should set the property value	PASS
e.style['cursor'] = "n-resize" should set the property value	PASS
e.style['cursor'] = "ne-resize" should set the property value	PASS
e.style['cursor'] = "nw-resize" should set the property value	PASS
e.style['cursor'] = "s-resize" should set the property value	PASS
e.style['cursor'] = "se-resize" should set the property value	PASS
e.style['cursor'] = "sw-resize" should set the property value	PASS
e.style['cursor'] = "w-resize" should set the property value	PASS
e.style['cursor'] = "ew-resize" should set the property value	PASS
e.style['cursor'] = "ns-resize" should set the property value	PASS
e.style['cursor'] = "nesw-resize" should set the property value	PASS
e.style['cursor'] = "nwse-resize" should set the property value	PASS
e.style['cursor'] = "col-resize" should set the property value	PASS
e.style['cursor'] = "row-resize" should set the property value	PASS
e.style['cursor'] = "all-scroll" should set the property value	PASS
e.style['cursor'] = "zoom-in" should set the property value	PASS
e.style['cursor'] = "zoom-out" should set the property value	PASS
e.style['cursor'] = "url(\"https://example.com/\"), alias" should set the property value	PASS
e.style['cursor'] = "url(\"https://example.com/\") 1 calc(2 + 0), copy" should set the property value	PASS
e.style['cursor'] = "url(\"https://example.com/\"), url(\"https://example.com/\") 3 -4, move" should set the property value	PASS
e.style['cursor'] = "url(\"https://example.com/\") 5 6, grab" should set the property value	PASS
e.style['cursor'] = "image-set(\"https://example.com/\" 1x) 5 6, grab" should set the property value	PASS
e.style['cursor'] = "image-set(\"https://example.com/\" 1x, \"https://example.com/highres\" 2x) 5 6, grab" should set the property value	PASS
e.style['cursor'] = "light-dark(url(\"https://example.com/light\"), url(\"https://example.com/dark\")), pointer" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['cursor'] = "light-dark(url(\"https://example.com/light\"), url(\"https://example.com/dark\")) 5 6, grab" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['cursor'] = "url(\"https://example.com/\"), light-dark(url(\"https://example.com/light\"), url(\"https://example.com/dark\")) 3 4, move" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""
e.style['cursor'] = "light-dark(image-set(\"https://example.com/\" 1x), url(\"https://example.com/\")) 5 6, grab" should set the property value	FAIL	assert_not_equals: property should be set got disallowed value ""

Enable JavaScript in test iframe

/css/css-ui/parsing/cursor-valid.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS UI Level 4: parsing cursor with valid values</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-ui-4/#cursor">
<meta name="assert" content="cursor supports the full required grammar.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
</head>
<body>
<script>
test_valid_value("cursor", "auto");
test_valid_value("cursor", "default");
test_valid_value("cursor", "none");
test_valid_value("cursor", "context-menu");
test_valid_value("cursor", "help");
test_valid_value("cursor", "pointer");
test_valid_value("cursor", "progress");
test_valid_value("cursor", "wait");
test_valid_value("cursor", "cell");
test_valid_value("cursor", "crosshair");
test_valid_value("cursor", "text");
test_valid_value("cursor", "vertical-text");
test_valid_value("cursor", "alias");
test_valid_value("cursor", "copy");
test_valid_value("cursor", "move");
test_valid_value("cursor", "no-drop");
test_valid_value("cursor", "not-allowed");
test_valid_value("cursor", "grab");
test_valid_value("cursor", "grabbing");
test_valid_value("cursor", "e-resize");
test_valid_value("cursor", "n-resize");
test_valid_value("cursor", "ne-resize");
test_valid_value("cursor", "nw-resize");
test_valid_value("cursor", "s-resize");
test_valid_value("cursor", "se-resize");
test_valid_value("cursor", "sw-resize");
test_valid_value("cursor", "w-resize");
test_valid_value("cursor", "ew-resize");
test_valid_value("cursor", "ns-resize");
test_valid_value("cursor", "nesw-resize");
test_valid_value("cursor", "nwse-resize");
test_valid_value("cursor", "col-resize");
test_valid_value("cursor", "row-resize");
test_valid_value("cursor", "all-scroll");
test_valid_value("cursor", "zoom-in");
test_valid_value("cursor", "zoom-out");

test_valid_value(
  "cursor",
  'url("https://example.com/"), alias',
  [
    'url("https://example.com/"), alias',
    'url(https://example.com/), alias'
  ]
);

test_valid_value(
  "cursor",
  'url("https://example.com/") 1 calc(2 + 0), copy',
  [
    'url("https://example.com/") 1 calc(2), copy',
    'url("https://example.com/") 1 2, copy',
    'url(https://example.com/) 1 2, copy'
  ]
);

test_valid_value(
  "cursor",
  'url("https://example.com/"), url("https://example.com/") 3 -4, move',
  [
    'url("https://example.com/"), url("https://example.com/") 3 -4, move',
    'url(https://example.com/), url(https://example.com/) 3 -4, move'
  ]
);

test_valid_value(
  "cursor",
  'url("https://example.com/") 5 6, grab',
  [
    'url("https://example.com/") 5 6, grab',
    'url(https://example.com/) 5 6, grab'
  ]
);

test_valid_value(
  "cursor",
  'image-set("https://example.com/" 1x) 5 6, grab',
  [
    'image-set(url("https://example.com/") 1x) 5 6, grab',
    'image-set(url(https://example.com/) 1x) 5 6, grab'
  ]
);

test_valid_value(
  "cursor",
  'image-set("https://example.com/" 1x, "https://example.com/highres" 2x) 5 6, grab',
  [
    'image-set(url("https://example.com/") 1x, url("https://example.com/highres") 2x) 5 6, grab',
    'image-set(url(https://example.com/) 1x, url(https://example.com/highres) 2x) 5 6, grab'
  ]
);

test_valid_value(
  "cursor",
  'light-dark(url("https://example.com/light"), url("https://example.com/dark")), pointer',
  [
    'light-dark(url("https://example.com/light"), url("https://example.com/dark")), pointer',
    'light-dark(url(https://example.com/light), url(https://example.com/dark)), pointer'
  ]
);

test_valid_value(
  "cursor",
  'light-dark(url("https://example.com/light"), url("https://example.com/dark")) 5 6, grab',
  [
    'light-dark(url("https://example.com/light"), url("https://example.com/dark")) 5 6, grab',
    'light-dark(url(https://example.com/light), url(https://example.com/dark)) 5 6, grab'
  ]
);

test_valid_value(
  "cursor",
  'url("https://example.com/"), light-dark(url("https://example.com/light"), url("https://example.com/dark")) 3 4, move',
  [
    'url("https://example.com/"), light-dark(url("https://example.com/light"), url("https://example.com/dark")) 3 4, move',
    'url(https://example.com/), light-dark(url(https://example.com/light), url(https://example.com/dark)) 3 4, move'
  ]
);

test_valid_value(
  "cursor",
  'light-dark(image-set("https://example.com/" 1x), url("https://example.com/")) 5 6, grab',
  [
    'light-dark(image-set(url("https://example.com/") 1x), url("https://example.com/")) 5 6, grab',
    'light-dark(image-set(url(https://example.com/) 1x), url(https://example.com/)) 5 6, grab'
  ]
);
</script>
</body>
</html>