Index: LayoutTests/imported/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html |
diff --git a/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..abdaf8c1c3fde3d21538cbb998d3b2b774060fd3 |
--- /dev/null |
+++ b/LayoutTests/imported/csswg-test/css-shapes-1/shape-outside-invalid-circle-001.html |
@@ -0,0 +1,47 @@ |
+<!DOCTYPE html> |
+<head> |
+ <meta charset="utf-8"> |
+ <title>CSS Shapes Tests: Circle - invalid r values</title> |
+ <link rel="author" title="biqing" href="biqing.kwok@qq.com"> |
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#supported-basic-shapes"> |
+ <link rel="help" href="http://www.w3.org/TR/css-shapes-1/#funcdef-circle"> |
+ <script src="../../../resources/testharness.js"></script> |
+ <script src="../../../resources/testharnessreport.js"></script> |
+ <link rel="stylesheet" href="../../../resources/testharness.css"> |
+ <meta name="flags" content="dom"> |
+ <meta name="assert" content="shape-outside declaration is invalid if circle shape function has an invalid r parameter"> |
+ <style type="text/css"> |
+ .circle { |
+ float: left; |
+ width: 100px; |
+ height: 100px; |
+ } |
+ #circle1 { |
+ shape-outside: circle(auto); |
+ } |
+ #circle2 { |
+ shape-outside: circle(inherit); |
+ } |
+ #circle3 { |
+ shape-outside: circle(#FFFFFF); |
+ } |
+ </style> |
+</head> |
+<body> |
+ <div id="log"></div> |
+ |
+ <div class="circle" id="circle1"></div> |
+ <div class="circle" id="circle2"></div> |
+ <div class="circle" id="circle3"></div> |
+ |
+ <script> |
+ |
+ test(function() { |
+ assert_true(getComputedStyle(document.getElementById('circle1')).shapeOutside == 'none'); |
+ assert_true(getComputedStyle(document.getElementById('circle2')).shapeOutside == 'none'); |
+ assert_true(getComputedStyle(document.getElementById('circle3')).shapeOutside == 'none'); |
+ }, 'Circle - invalid r values'); |
+ |
+ </script> |
+</body> |
+</html> |