| Index: LayoutTests/css3/clippath/clippath-reference-rename.html
|
| diff --git a/LayoutTests/css3/clippath/clippath-reference-rename.html b/LayoutTests/css3/clippath/clippath-reference-rename.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..1097390f22f1e0567c9f8e31f2dc01eef0120e2b
|
| --- /dev/null
|
| +++ b/LayoutTests/css3/clippath/clippath-reference-rename.html
|
| @@ -0,0 +1,36 @@
|
| +<html>
|
| +<head>
|
| +<style>
|
| +.error {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-color: red;
|
| + position: absolute;
|
| +}
|
| +.clipped {
|
| + width: 100px;
|
| + height: 100px;
|
| + background-color: green;
|
| + -webkit-clip-path: url(#MyClipPath);
|
| + clip-path: url(#MyClipPath);
|
| +}
|
| +</style>
|
| +</head>
|
| +<body>
|
| + <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1" id="svg">
|
| + <defs>
|
| + <clipPath id="NotMyClipPath" 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.1s" fill="freeze"/>
|
| + </circle>
|
| + </clipPath>
|
| + </defs>
|
| +</svg>
|
| +<div class="error"></div>
|
| +<div class="clipped" id="div1"></div>
|
| +<script>
|
| +document.getElementById("NotMyClipPath").id = "MyClipPath";
|
| +</script>
|
| + </body>
|
| + </html>
|
| +
|
|
|