fragment-only.html (1092B)
1 <!doctype html> 2 <title>Fragment-on URLs behaviour</title> 3 <link rel=help href=https://drafts.csswg.org/css-values/#local-urls> 4 <script src=/resources/testharness.js></script> 5 <script src=/resources/testharnessreport.js></script> 6 <style> 7 #inline-unquoted { 8 background-image: url(#foo); 9 cursor: url(#foo), pointer; 10 } 11 12 #inline-quoted { 13 background-image: url("#foo"); 14 cursor: url("#foo"), pointer; 15 } 16 </style> 17 <link rel=stylesheet href=support/fragment-only-urls.css> 18 <div id="inline-unquoted"></div> 19 <div id="inline-quoted"></div> 20 <div id="external-unquoted"></div> 21 <div id="external-quoted"></div> 22 <div id="external-variable"></div> 23 <script> 24 const ids = [ 25 "inline-unquoted", 26 "inline-quoted", 27 "external-unquoted", 28 "external-quoted", 29 "external-variable", 30 ]; 31 32 for (let id of ids) { 33 test(function() { 34 const el = document.getElementById(id); 35 const style = window.getComputedStyle(el); 36 assert_equals(style["background-image"], 'url("#foo")'); 37 assert_equals(style["cursor"], 'url("#foo"), pointer'); 38 }, "empty URL: " + id); 39 } 40 </script>