Increase test coverage for -webkit-border-image.
[WebKit.git] / LayoutTests / fast / css / getComputedStyle / getComputedStyle-border-image.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <style>
5         #borderImageNone { -webkit-border-image: none }
6         #borderImageStretch { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch; }
7         #borderImageRepeat { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 repeat; }
8         #borderImageWidth { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat; }
9         #borderImageWidth2 { -webkit-border-image: -webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch; }
10     </style>
11     <script type="text/javascript">
12         function log(msg)
13         {
14             document.getElementById('console').appendChild(document.createTextNode(msg + '\n'));
15         }
16
17         function subTest(ob, prop)
18         {
19             log('  ' + prop);
20             log('    getPropertyValue:    ' + document.defaultView.getComputedStyle(ob, null).getPropertyValue(prop));
21             log('    getPropertyCSSValue: ' + document.defaultView.getComputedStyle(ob, null).getPropertyCSSValue(prop));
22         }
23
24         function test(id, val)
25         {
26             log('-webkit-border-image: ' + val + ';');
27             var ob = document.getElementById(id);
28             subTest(ob, '-webkit-border-image');
29         }
30
31         function runTests()
32         {
33             if (window.layoutTestController)
34                 layoutTestController.dumpAsText();
35
36             test('borderImageNone', 'none');
37
38             log('');
39
40             test('borderImageStretch', '-webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 stretch stretch');
41
42             log('');
43
44             test('borderImageRepeat', '-webkit-gradient(linear, 0 0, 0 0) 50 repeat');
45
46             log('');
47
48             test('borderImageWidth', '-webkit-gradient(linear, 0 0, 0 0) 25 25 25 25 / 20 20 20 20 repeat');
49
50             log('');
51
52             test('borderImageWidth2', '-webkit-gradient(linear, 0 0, 0 0) 50 / 20 stretch stretch');
53         }
54     </script>
55 </head>
56 <body onload="runTests();">
57     <p>Test calling getPropertyValue on computed styles for -webkit-border-image property.</p>
58     <pre id="console"></pre>
59
60     <div id="borderImageNone"></div>
61     <div id="borderImageStretch"></div>
62     <div id="borderImageRepeat"></div>
63     <div id="borderImageWidth"></div>
64     <div id="borderImageWidth2"></div>
65 </body>
66 </html>