diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints')
5 files changed, 135 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change-ref.html b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change-ref.html new file mode 100644 index 0000000000..43f0c6dd20 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change-ref.html @@ -0,0 +1,4 @@ +<!doctype html> +<body bgcolor="green"> + Passes if the background is green. +</body> diff --git a/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change.html b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change.html new file mode 100644 index 0000000000..d0b2396a40 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/body-bgcolor-attribute-change.html @@ -0,0 +1,10 @@ +<!doctype html> +<link rel="help" href="https://html.spec.whatwg.org/multipage/obsolete.html#attr-body-bgcolor"> +<link rel="match" href="body-bgcolor-attribute-change-ref.html"> +<body bgcolor="yellow"> + Passes if the background is green. +</body> +<script> + document.body.offsetTop; + document.body.setAttribute("bgcolor", "green"); +</script> diff --git a/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/mouse-cursor-imagemap.html b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/mouse-cursor-imagemap.html new file mode 100644 index 0000000000..78f69a2895 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/mouse-cursor-imagemap.html @@ -0,0 +1,19 @@ +<!doctype html> +<img usemap="#map" src="data:image/gif;base64,R0lGODlhAQABAIAAAOTm7AAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="1000" height="1000" style="border: 1px solid black;"> +<map name="map"> + <area id="clickable-area" shape="rect" coords="0,0,500,500" href="#" role="img"> + <area id="nonclickable-area" shape="rect" coords="500,500,1000,1000" role="img"><!-- No href attribute.--> +</map> + +<p>An unclickable (non-link) area should not show the link cursor when hovered.</p> + +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<script> +test(function() { + let clickable = window.getComputedStyle(document.getElementById('clickable-area')); + let nonclickable = window.getComputedStyle(document.getElementById('nonclickable-area')); + assert_equals(clickable.getPropertyValue('cursor'), 'pointer'); + assert_not_equals(nonclickable.getPropertyValue('cursor'), 'pointer'); +}, 'Only clickable areas should show the link cursor.'); +</script>
\ No newline at end of file diff --git a/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links-wrapped-in-svg.historical.html b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links-wrapped-in-svg.historical.html new file mode 100644 index 0000000000..da6ffe15bb --- /dev/null +++ b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links-wrapped-in-svg.historical.html @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>link with rel="help" cursor tests</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<link rel="help" href="https://html.spec.whatwg.org/#phrasing-content-3"> +<link rel="help" href="https://github.com/w3c/svgwg/issues/468"> + +<div id="log"></div> + +<svg> +<a href="/common/blank.html?unvisited" rel="help" id="unvisited">unvisited</a> +<a href="/common/blank.html?willbevisited" rel="help" id="willbevisited">will be visited</a> +</svg> + +<script> +"use strict"; + + +test(() => { + const el = document.querySelector("#unvisited"); + const style = window.getComputedStyle(el); + + assert_equals(style.cursor, "pointer"); +},"Unvisited help links must have pointer cursor, not help cursor"); + + +// This test is kind of dubious. Browsers don't allow you to distinguish visited and unvisited links +// from script, for privacy reasons. So we can't really be sure that loading the iframe would make +// the link count as visited. Manually running this test turns the link purple in some browsers, +// but leaves it blue in others. Even then it's not clear whether it turned purple before or after +// the onload; this test assumes that once the iframe onload fires, it counts as visited, which +// may not be justified even in the purple-turning browsers. +// +// Still, the test doesn't really hurt. At worst it's redundant with the above. +// +// If someone comes up with a better way of testing this (i.e. something that truly guarantees that +// the link will count as "visited" for UA stylesheet purposes), then please submit a PR. +async_test(t => { + const el = document.querySelector("#willbevisited"); + + const iframe = document.createElement("iframe"); + iframe.src = el.href; + iframe.onload = t.step_func_done(() => { + const style = window.getComputedStyle(el); + assert_equals(style.cursor, "pointer"); + }); + + document.body.appendChild(iframe); +}, "Visited help links must have pointer cursor, not help cursor"); +</script> diff --git a/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links.historical.html b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links.historical.html new file mode 100644 index 0000000000..82aa08d215 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/the-css-user-agent-style-sheet-and-presentational-hints/no-help-cursor-on-links.historical.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>link with rel="help" cursor tests</title> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<link rel="help" href="https://html.spec.whatwg.org/#phrasing-content-3"> +<link rel="help" href="https://github.com/whatwg/html/pull/3902"> + +<div id="log"></div> + +<a href="/common/blank.html?unvisited" rel="help" id="unvisited">unvisited</a> +<a href="/common/blank.html?willbevisited" rel="help" id="willbevisited">will be visited</a> + +<script> +"use strict"; + + +test(() => { + const el = document.querySelector("#unvisited"); + const style = window.getComputedStyle(el); + + assert_equals(style.cursor, "pointer"); +},"Unvisited help links must have pointer cursor, not help cursor"); + + +// This test is kind of dubious. Browsers don't allow you to distinguish visited and unvisited links +// from script, for privacy reasons. So we can't really be sure that loading the iframe would make +// the link count as visited. Manually running this test turns the link purple in some browsers, +// but leaves it blue in others. Even then it's not clear whether it turned purple before or after +// the onload; this test assumes that once the iframe onload fires, it counts as visited, which +// may not be justified even in the purple-turning browsers. +// +// Still, the test doesn't really hurt. At worst it's redundant with the above. +// +// If someone comes up with a better way of testing this (i.e. something that truly guarantees that +// the link will count as "visited" for UA stylesheet purposes), then please submit a PR. +async_test(t => { + const el = document.querySelector("#willbevisited"); + + const iframe = document.createElement("iframe"); + iframe.src = el.href; + iframe.onload = t.step_func_done(() => { + const style = window.getComputedStyle(el); + assert_equals(style.cursor, "pointer"); + }); + + document.body.appendChild(iframe); +}, "Visited help links must have pointer cursor, not help cursor"); +</script> |