third_party/WebKit/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside-invalid-circle-003.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4         <meta charset="UTF-8">
   5         <meta name="flags" content="dom">
   6     <meta name="assert" content="shape-outside declaration is invalid if circle shape function has an invalid cx param">
   7         <title>CSS Shapes Test: Circle - invalid cx value</title>
   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  -->
  10         <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
  11         <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-ellipse">
  12         <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
  13         <script src="../../../resources/testharness.js"></script>
  14         <script src="../../../resources/testharnessreport.js"></script>
  15         <link rel="stylesheet" href="../../../resources/testharness.css">
  16         <style>
  17 #shape{
  18         width: 300px;
  19         height: 300px;
  20         shape-outside: circle(50, 50%);
  21 }
  22         </style>
  23 </head>
  24 <body>
  25
  26         <div id="log"></div>
  27
  28         <div id="shape"></div>
  29
  30         <script>
  31         var obj = document.getElementById('shape');
  32         var cx = getComputedStyle(obj).shapeOutside;
  33         test(function() {assert_equals(cx, "none", "declaration should be invalid")});
  34         </script>
  35
  36 </body>
  37 </html>