Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 1 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /svg/path/interfaces/getPathData-during-smil-animation.html - WPT Dashboard Interop Dashboard
<!doctype html>
<title>SVGPathElement.getPathData() returns attribute base value during SMIL animation</title>
<link rel="author" title="Virali Purbey" href="mailto:viralipurbey@microsoft.com">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="support/getPathData-helpers.js"></script>
<svg id="svg">
<path id="path" d="M 0 0 L 10 10">
<animate attributeName="d" begin="0s" dur="10s" fill="freeze"
values="M 50 50 L 60 60; M 100 100 L 200 200"/>
</path>
</svg>
<script>
function waitForAnimationFrame() {
return new Promise(resolve =>
requestAnimationFrame(() => requestAnimationFrame(resolve)));
}
promise_test(async () => {
svg.pauseAnimations();
svg.setCurrentTime(5);
// Wait for the document to load, then two animation frames to let SMIL
// sample at currentTime = 5.
await new Promise(resolve => {
if (document.readyState === "complete") {
resolve();
} else {
window.addEventListener("load", resolve, { once: true });
}
});
await waitForAnimationFrame();
// SMIL is sampling — getPathData() must still return the base.
assert_not_equals(getComputedStyle(path).getPropertyValue("d"),
'path("M 0 0 L 10 10")', "SMIL animation is sampling");
assert_path_data_equals(path.getPathData(), [
{ type: "M", values: [0, 0] },
{ type: "L", values: [10, 10] }
]);
}, "path.getPathData() returns attribute base value during SMIL animation");
</script>