testing/web-platform/tests/css/css-syntax/url-whitespace-consumption.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<!doctype html>
<title>url whitespace consumption</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>

.foo {}

</style>

<meta name=author title="Tab Atkins-Bittner">
<link rel=help href="https://drafts.csswg.org/css-syntax/#consume-ident-like-token">

<script>

function roundTripUrl(input) {
    const rule = document.styleSheets[0].cssRules[0].style;
    const fallback = 'url("fallback")';
    rule.setProperty("background-image", fallback);
    rule.setProperty("background-image", input);
    const value = rule.getPropertyValue("background-image");
    if(value == fallback) return false;
    return value;
}

test(()=>{
    assert_equals(roundTripUrl('url("foo")'), 'url("foo")');
    assert_equals(roundTripUrl('url( "foo")'), 'url("foo")');
    assert_equals(roundTripUrl('url("foo" )'), 'url("foo")');
}, "whitespace is optional between url( token and the string token");

</script>