-webkit-clip-path should parse IRIs
[WebKit-https.git] / LayoutTests / fast / masking / parsing-clip-path-iri.html
1 <!DOCTYPE html>
2 <html>
3 <style>
4 * { font-size: 16px; }
5 div { font-size: 8px; }
6 </style>
7 <body>
8 <script src="../js/resources/js-test-pre.js"></script>
9 <script>
10 description('Test clip-path IRIs');
11
12 function computedStyle(property, value) {
13     var div = document.createElement("div");
14     document.body.appendChild(div);
15     div.style.setProperty(property, value);
16     var computedValue = getComputedStyle(div).getPropertyValue(property);
17     document.body.removeChild(div);
18     return computedValue;
19 }
20
21 function innerStyle(property, value) {
22     var div = document.createElement("div");
23     div.style.setProperty(property, value);
24     return div.style.getPropertyValue(property);
25 }
26
27 function testComputed(property, value, expected) {
28     shouldBeEqualToString('computedStyle("' + property + '", "' + value + '")', expected);
29 }
30
31 function testInner(property, value, expected) {
32     if (expected === null)
33         shouldBeNull('innerStyle("' + property + '", "' + value + '")');
34     else
35         shouldBeEqualToString('innerStyle("' + property + '", "' + value + '")', expected);
36 }
37
38 testInner("-webkit-clip-path", "url(#clip1)", "url(#clip1)");
39 testInner("-webkit-clip-path", "url(clip.svg#clip1)", "url(clip.svg#clip1)");
40
41 testComputed("-webkit-clip-path", "url(#clip1)", "url(#clip1)");
42 testComputed("-webkit-clip-path", "url(clip.svg#clip1)", "url(clip.svg#clip1)");
43
44 </script>
45 <script src="../js/resources/js-test-post.js"></script>
46 </body>
47 </html>