| OLD | NEW |
| 1 <!doctype html> | 1 <!doctype html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta charset="UTF-8"> | 4 <meta charset="UTF-8"> |
| 5 <meta name="flags" content="dom"> | 5 <meta name="flags" content="dom"> |
| 6 <meta name="assert" content="shape-outside declaration is invalid if inset s
hape function has an invalid top param"> | 6 <meta name="assert" content="shape-outside declaration is invalid if inset s
hape function has an invalid top param"> |
| 7 <title>CSS Shapes Test: Inset Rectangles - invalid top arg</title> | 7 <title>CSS Shapes Test: Inset Rectangles - invalid top arg</title> |
| 8 <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.
com"> | 8 <link rel="author" title="Sherlock Zhong" href="mailto:sherlock.z0917@gmail.
com"> |
| 9 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <
!-- 11-09-2013 TestTWF Shenzhen --> | 9 <link rel="reviewer" title="Alan Stearns" href="mailto:stearns@adobe.com"> <
!-- 11-09-2013 TestTWF Shenzhen --> |
| 10 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-sh
apes"> | 10 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-sh
apes"> |
| 11 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset"> | 11 <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-inset"> |
| 12 <script src="../../../resources/testharness.js"></script> | 12 <script src="/resources/testharness.js"></script> |
| 13 <script src="../../../resources/testharnessreport.js"></script> | 13 <script src="/resources/testharnessreport.js"></script> |
| 14 <link rel="stylesheet" href="../../../resources/testharness.css"> | 14 <link rel="stylesheet" href="/resources/testharness.css"> |
| 15 <style> | 15 <style> |
| 16 #shape{ | 16 #shape{ |
| 17 width: 300px; | 17 width: 300px; |
| 18 height: 300px; | 18 height: 300px; |
| 19 shape-outside: inset(-50 -50px 50px 50px); | 19 shape-outside: inset(-50 -50px 50px 50px); |
| 20 } | 20 } |
| 21 </style> | 21 </style> |
| 22 </head> | 22 </head> |
| 23 <body> | 23 <body> |
| 24 | 24 |
| 25 <div id="log"></div> | 25 <div id="log"></div> |
| 26 | 26 |
| 27 <div id="shape"></div> | 27 <div id="shape"></div> |
| 28 | 28 |
| 29 <script> | 29 <script> |
| 30 var obj = document.getElementById('shape'); | 30 var obj = document.getElementById('shape'); |
| 31 var val = getComputedStyle(obj).shapeOutside; | 31 var val = getComputedStyle(obj).shapeOutside; |
| 32 test(function() {assert_equals(val, "none", "declaration should not be valid
")}); | 32 test(function() {assert_equals(val, "none", "declaration should not be valid
")}); |
| 33 </script> | 33 </script> |
| 34 | 34 |
| 35 </body> | 35 </body> |
| 36 </html> | 36 </html> |
| OLD | NEW |