40 lines
1.1 KiB
HTML
40 lines
1.1 KiB
HTML
<!doctype html>
|
|
<title>Fragment-on URLs behaviour</title>
|
|
<link rel=help href=https://drafts.csswg.org/css-values/#local-urls>
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<style>
|
|
#inline-unquoted {
|
|
background-image: url(#foo);
|
|
cursor: url(#foo), pointer;
|
|
}
|
|
|
|
#inline-quoted {
|
|
background-image: url("#foo");
|
|
cursor: url("#foo"), pointer;
|
|
}
|
|
</style>
|
|
<link rel=stylesheet href=support/fragment-only-urls.css>
|
|
<div id="inline-unquoted"></div>
|
|
<div id="inline-quoted"></div>
|
|
<div id="external-unquoted"></div>
|
|
<div id="external-quoted"></div>
|
|
<div id="external-variable"></div>
|
|
<script>
|
|
const ids = [
|
|
"inline-unquoted",
|
|
"inline-quoted",
|
|
"external-unquoted",
|
|
"external-quoted",
|
|
"external-variable",
|
|
];
|
|
|
|
for (let id of ids) {
|
|
test(function() {
|
|
const el = document.getElementById(id);
|
|
const style = window.getComputedStyle(el);
|
|
assert_equals(style["background-image"], 'url("#foo")');
|
|
assert_equals(style["cursor"], 'url("#foo"), pointer');
|
|
}, "empty URL: " + id);
|
|
}
|
|
</script>
|