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

   1 <!DOCTYPE html>
   2 <head>
   3     <meta charset="utf-8">
   4     <title>CSS Shapes Tests: Circle - invalid 2 args</title>
   5     <link rel="author" title="biqing" href="biqing.kwok@qq.com">
   6     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes">
   7     <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle">
   8     <script src="../../../resources/testharness.js"></script>
   9     <script src="../../../resources/testharnessreport.js"></script>
  10     <link rel="stylesheet" href="../../../resources/testharness.css">
  11     <meta name="flags" content="dom">
  12     <meta name="assert" content="shape-outside declaration is invalid if circle shape function only has two parameters">
  13     <style type="text/css">
  14     #float {
  15         shape-outside: circle(50px, 50px);
  16         float: left;
  17         width: 100px;
  18         height: 100px;
  19     }
  20     </style>
  21 </head>
  22 <body>
  23     <div id="log"></div>
  24
  25     <div id="float"></div>
  26
  27     <script>
  28
  29     test(function() {
  30         assert_true(getComputedStyle(document.getElementById('float')).shapeOutside == 'none');
  31     }, 'Circle - invalid 2 args');
  32
  33     </script>
  34 </body>
  35 </html>