<body>
    <svg id="svg" width="500" height="500">
        <rect x="150" y="0" width="100" height="100" fill="red"/>
        <rect width="100" height="100" fill="green">
            <animate id="animate1" attributeName="x" dur="10s" calcMode="paced" values="100; 150; 200;" keyTimes="0; 0.2; 1"/>
        </rect>
    </svg>
    <script>
        window.addEventListener('load', (event) => {
            if (window.testRunner)
                testRunner.waitUntilDone();

            window.requestAnimationFrame(() => {
                let svg = document.getElementById('svg');
                let animate1 = document.getElementById('animate1');

                animate1.setAttribute('calcMode', 'linear');
                svg.pauseAnimations();
                svg.setCurrentTime(2);

                if (window.testRunner)
                    testRunner.notifyDone();
            });
        });
  </script>
</body>
