a334015bb4
(Patch written entirely using a single sed command, 's,http://dbaron.org,https://dbaron.org,g' .) MozReview-Commit-ID: 12JARDNn8H4
122 lines
4.7 KiB
HTML
122 lines
4.7 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>CSS Test: handling of invalid url() functions</title>
|
|
<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
|
|
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#tokenization" />
|
|
<link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#parsing-errors" />
|
|
<meta name="flags" content="invalid" />
|
|
<style type="text/css">
|
|
div { background-color: red }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, but handled according to rules for parsing errors */
|
|
#one { background: url(foo"bar") }
|
|
#one { background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, but handled according to rules for parsing errors */
|
|
#foo { background: url(foo"bar
|
|
) }
|
|
#two { background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, the invalid URI token consumes everything up to the ')'. */
|
|
#three { background-color: red; }
|
|
#foo { background: url(foo"bar) }
|
|
#three { background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
#four { background-color: green; }
|
|
/* not a URI token; the invalid URI token consumes everything up to the ')'
|
|
and then there is some garbage that prevents the next rule from being
|
|
parsed. */
|
|
#foo { background: url(foo"bar) }
|
|
) }
|
|
#four { background-color: red; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token; the unterminated string ends at end of line, so
|
|
the brace never matches */
|
|
#five { background-color: green; }
|
|
#foo { background: url("bar) }
|
|
#five { background-color: red; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token; the unterminated string ends at end of line */
|
|
#foo { background: url("bar) }
|
|
) }
|
|
#six { background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, but brace matching should work */
|
|
#seven { background: url(()); background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, but brace matching should work */
|
|
#eight { background: url([{}]); background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token, but brace matching should work */
|
|
#nine { background: url([)]); background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* perfectly good URI token (image is a 404, though) */
|
|
#ten { background: url({) green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* perfectly good URI token (image is a 404, though) */
|
|
#eleven { background: url([) green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token; brace matching is ignored while looking for the closing
|
|
')' but is used after that. */
|
|
#twelve { background: url(}{""{)(}); background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* invalid URI token absorbs the [ */
|
|
#thirteen { background: url([""); background-color: green; }
|
|
</style>
|
|
<style type="text/css">
|
|
/* not a URI token; the invalid URI token consumes everything up to the
|
|
next ')'. */
|
|
#fourteen { background-color: red; }
|
|
#foo { background: url(() }
|
|
#fourteen { background-color: green; }
|
|
</style>
|
|
<!-- The next three tests test that invalid URI tokens absorb [ and { -->
|
|
<style type="text/css">
|
|
#foo { background: url(a()); }
|
|
#fifteen { background-color: green }
|
|
</style>
|
|
<style type="text/css">
|
|
#foo { background: url([()); }
|
|
#sixteen { background-color: green }
|
|
</style>
|
|
<style type="text/css">
|
|
#foo { background: url({()); }
|
|
#seventeen { background-color: green }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="one">This should have a green background</div>
|
|
<div id="two">This should have a green background</div>
|
|
<div id="three">This should have a green background</div>
|
|
<div id="four">This should have a green background</div>
|
|
<div id="five">This should have a green background</div>
|
|
<div id="six">This should have a green background</div>
|
|
<div id="seven">This should have a green background</div>
|
|
<div id="eight">This should have a green background</div>
|
|
<div id="nine">This should have a green background</div>
|
|
<div id="ten">This should have a green background</div>
|
|
<div id="eleven">This should have a green background</div>
|
|
<div id="twelve">This should have a green background</div>
|
|
<div id="thirteen">This should have a green background</div>
|
|
<div id="fourteen">This should have a green background</div>
|
|
<div id="fifteen">This should have a green background</div>
|
|
<div id="sixteen">This should have a green background</div>
|
|
<div id="seventeen">This should have a green background</div>
|
|
</body>
|
|
</html>
|