Index: LayoutTests/css3/clippath/clippath-reference-add-hw.html |
diff --git a/LayoutTests/css3/clippath/clippath-reference-add-hw.html b/LayoutTests/css3/clippath/clippath-reference-add-hw.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..827d2311f6fcf6f26739e41fe1fae004337986d7 |
--- /dev/null |
+++ b/LayoutTests/css3/clippath/clippath-reference-add-hw.html |
@@ -0,0 +1,49 @@ |
+<html> |
+<head> |
+<style> |
+.error { |
+ width: 100px; |
+ height: 100px; |
+ background-color: red; |
+ position: absolute; |
+} |
+.clipped { |
+ width: 100px; |
+ height: 100px; |
+ background-color: green; |
+} |
+</style> |
+</head> |
+<body onload="runRepaintAndPixelTest()"> |
+ <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1" id="svgElement"> |
+ <defs> |
+ <clipPath id="svgPath" clipPathUnits="objectBoundingBox"> |
+ <circle cx="0.5" cy="0.5" r="0.5"> |
+ <animate attributeName="r" attributeType="XML" from="0.25" to="1" begin="0s" dur="0.5s" fill="freeze"/> |
+ </circle> |
+ </clipPath> |
+ </defs> |
+</svg> |
+<div class="error"></div> |
+<div class="clipped" id="div1"></div> |
+<script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
+<script> |
+window.testIsAsync = true; |
+ |
+var div = document.getElementById("div1"); |
+div.style.webkitClipPath = "url(#svgPath)"; |
+ |
+function finishTest() { |
+ finishRepaintTest(); |
+} |
+ |
+function repaintTest() |
+{ |
+ var svg = document.getElementById("svgElement"); |
+ svg.setCurrentTime(0.35); |
+ setTimeout(finishTest, 0); |
+} |
+</script> |
+</body> |
+</html> |
+ |