Move recently translated tests to WPT

Move tests that can be wp-tests to
the corresponding folder.

The tests should stay exactly the same.

Bug: 985335
Change-Id: I61b76803c935c6dd4cc69241d7de76720eaf668e
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1730457
Commit-Queue: Edvard Thörnros <edvardt@opera.com>
Auto-Submit: Edvard Thörnros <edvardt@opera.com>
Reviewed-by: Stephen Chenney <schenney@chromium.org>
Cr-Commit-Position: refs/heads/master@{#683582}

third_party/blink/web_tests/external/wpt/resources/SVGAnimationTestCase-testharness.js

+// NOTE(edvardt):
+// This file is a slimmed down wrapper for the Chromium SVGAnimationTestCase.js,
+// it has some convenience functions and should not be used for new tests.
+// New tests should not build on this API as it's just meant to keep things
+// working.
+
+// Helper functions
+const xlinkNS = "http://www.w3.org/1999/xlink"
+
+function expectFillColor(element, red, green, blue) {
+    let color = window.getComputedStyle(element, null).fill;
+    var re = new RegExp("rgba?\\(([^, ]*), ([^, ]*), ([^, ]*)(?:, )?([^, ]*)\\)");
+    rgb = re.exec(color);
+    assert_approx_equals(Number(rgb[1]), red, 2.0);
+    assert_approx_equals(Number(rgb[2]), green, 2.0);
+    assert_approx_equals(Number(rgb[3]), blue, 2.0);
+}
+
+function expectColor(element, red, green, blue, property) {
+    if (typeof property != "string")
+      color = getComputedStyle(element).getPropertyValue("color");
+    else
+      color = getComputedStyle(element).getPropertyValue(property);
+    var re = new RegExp("rgba?\\(([^, ]*), ([^, ]*), ([^, ]*)(?:, )?([^, ]*)\\)");
+    rgb = re.exec(color);
+    assert_approx_equals(Number(rgb[1]), red, 2.0);
+    assert_approx_equals(Number(rgb[2]), green, 2.0);
+    assert_approx_equals(Number(rgb[3]), blue, 2.0);
+}
+
+function createSVGElement(type) {
+  return document.createElementNS("http://www.w3.org/2000/svg", type);
+}
+
+function moveAnimationTimelineAndSample(index) {
+    var animationId = expectedResults[index][0];
+    var time = expectedResults[index][1];
+    var sampleCallback = expectedResults[index][2];
+    var animation = rootSVGElement.ownerDocument.getElementById(animationId);
+
+    // If we want to sample the animation end, add a small delta, to reliable point past the end of the animation.
+    newTime = time;
+
+    // The sample time is relative to the start time of the animation, take that into account.
+    rootSVGElement.setCurrentTime(newTime);
+
+    // NOTE(edvardt):
+    // This is a dumb hack, some of the old tests sampled before the animation start, this
+    // isn't technically part of the animation tests and is "impossible" to translate since
+    // tests start automatically. Thus I solved it by skipping it.
+    if (time != 0.0)
+        sampleCallback();
+}
+
+var currentTest = 0;
+var expectedResults;
+
+function sampleAnimation(t) {
+    if (currentTest == expectedResults.length) {
+        t.done();
+        return;
+    }
+
+    moveAnimationTimelineAndSample(currentTest);
+    ++currentTest;
+
+    step_timeout(t.step_func(function () { sampleAnimation(t); }), 0);
+}
+
+function runAnimationTest(t, expected) {
+    if (!expected)
+        throw("Expected results are missing!");
+    if (currentTest > 0)
+        throw("Not allowed to call runAnimationTest() twice");
+
+    expectedResults = expected;
+    testCount = expectedResults.length;
+    currentTest = 0;
+
+    step_timeout(t.step_func(function () { sampleAnimation(this); }), 50);
+}
+
+function smil_async_test(func) {
+  async_test(t => {
+    window.onload = t.step_func(function () {
+      // Pause animations, we'll drive them manually.
+      // This also ensures that the timeline is paused before
+      // it starts. This should make the instance time of the below
+      // 'click' (for instance) 0, and hence minimize rounding
+      // errors for the addition in moveAnimationTimelineAndSample.
+      rootSVGElement.pauseAnimations();
+
+      // If eg. an animation is running with begin="0s", and
+      // we want to sample the first time, before the animation
+      // starts, then we can't delay the testing by using an
+      // onclick event, as the animation would be past start time.
+      func(t);
+    });
+  });
+}

third_party/blink/web_tests/svg/animations/svgnumberoptionalnumber-animation-4.html → third_party/blink/web_tests/external/wpt/svg/animations/svgnumberoptionalnumber-animation-4.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test 'by' animation of SVGNumberOptionalNumber.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -90,4 +89,4 @@ smil_async_test((t) => {
 window.clickX = 60;
 window.clickY = 60;
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgpath-animation-1.html → third_party/blink/web_tests/external/wpt/svg/animations/svgpath-animation-1.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test 'by' animation on path. You should see a green 100x100 path and only PASS messages</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -65,4 +64,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgpointlist-animation-1.html → third_party/blink/web_tests/external/wpt/svg/animations/svgpointlist-animation-1.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Tests from-to animation of points on polygons.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -70,4 +69,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgpointlist-animation-2.html → third_party/blink/web_tests/external/wpt/svg/animations/svgpointlist-animation-2.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Tests from-by animation of points on polygons.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -70,4 +69,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgrect-animation-1.html → third_party/blink/web_tests/external/wpt/svg/animations/svgrect-animation-1.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test from-to SVGRect animation.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -83,4 +82,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgrect-animation-2.html → third_party/blink/web_tests/external/wpt/svg/animations/svgrect-animation-2.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Tests from-by SVGRect animation.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -83,4 +82,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgstring-animation-1.html → third_party/blink/web_tests/external/wpt/svg/animations/svgstring-animation-1.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test animVal support for SVGAnimatedString animations.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -64,4 +63,4 @@ smil_async_test((t) => {
 
 window.animationStartsImmediately = true;
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgstring-animation-fallback-to-discrete.html → third_party/blink/web_tests/external/wpt/svg/animations/svgstring-animation-fallback-to-discrete.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Tests fallback to calcMode='discrete' on animation of SVGString with 'values'.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -60,4 +59,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgtransform-animation-1.html → third_party/blink/web_tests/external/wpt/svg/animations/svgtransform-animation-1.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test accumulate=sum animation on SVGAnimateTransform.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -115,4 +114,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>

third_party/blink/web_tests/svg/animations/svgtransform-animation-discrete.html → third_party/blink/web_tests/external/wpt/svg/animations/svgtransform-animation-discrete.html

 <!doctype html>
-<!-- THIS HAS BEEN TRANSLATED BY A SCRIPT, THERE MIGHT BE ERRORS -->
 <html>
 <title>Test calcMode=discrete animation on SVGAnimateTransform.</title>
-<script src="../../resources/testharness.js"></script>
-<script src="../../resources/testharnessreport.js"></script>
-<script src="resources/SVGAnimationTestCase-testharness.js"></script>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/SVGAnimationTestCase-testharness.js"></script>
 
 <svg>
 </svg>
@@ -72,4 +71,4 @@ smil_async_test((t) => {
     runAnimationTest(t, expectedValues);
 });
 
-</script>
\ No newline at end of file
+</script>