Index: LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
diff --git a/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html b/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8b8b6cb89899f8230ecdb9addab180d8ce74dcae |
--- /dev/null |
+++ b/LayoutTests/inspector/elements/highlight-css-shapes-outside-scroll.html |
@@ -0,0 +1,43 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<style> |
+ |
+.float { |
+ width: 8em; |
+ height: 8em; |
+ float: left; |
+ shape-margin: 2em; |
+ margin: 1em; |
+} |
+ |
+.circle { |
+ background-color:blue; |
+ shape-outside: circle(closest-side at center); |
+ -webkit-clip-path: circle(closest-side at center); |
+} |
+ |
+</style> |
+<script src="../../http/tests/inspector/inspector-test.js"></script> |
+<script src="../../http/tests/inspector/elements-test.js"></script> |
+<script> |
+ |
+function test() |
+{ |
+ InspectorTest.selectNodeWithId('circle', function(node) { |
lushnikov
2014/07/17 19:05:35
please, extract to named functions - we generally
|
+ InspectorTest.dumpInspectorHighlightShape(node, function() { |
+ window.scrollTo(0, 100); |
+ InspectorTest.selectNodeWithId('circle', function(node) { |
+ InspectorTest.dumpInspectorHighlightShape(node, InspectorTest.completeTest.bind(InspectorTest)); |
+ }); |
+ }); |
+ }); |
+} |
+ |
+</script> |
+</head> |
+ |
+<body onload="runTest()"> |
+<div class="float circle" id="circle"> </div> |
+</body> |
+</html> |