Use getAttribute in path animation tests

third_party/WebKit/LayoutTests/svg/animations/script-tests/animate-path-animation-Ll-Vv-Hh.js

 description("Test path animation where coordinate modes of start and end differ. You should see PASS messages");
 createSVGTestCase();
 
 // Setup test document
 var path = createSVGElement("path");
 path.setAttribute("id", "path");
 path.setAttribute("d", "M -30 -30 L 30 0 V 30 H 0 Z");
 path.setAttribute("fill", "green");
 path.setAttribute("onclick", "executeTest()");
 path.setAttribute("transform", "translate(50, 50)");
 
 var animate = createSVGElement("animate");
 animate.setAttribute("id", "animation");
 animate.setAttribute("attributeName", "d");
 animate.setAttribute("from", "M -30 -30 L 30 0 V 30 H 0 Z");
 animate.setAttribute("to", "M 30 30 l -60 -30 v -30 h 30 Z");
 animate.setAttribute("begin", "click");
 animate.setAttribute("dur", "4s");
 path.appendChild(animate);
 rootSVGElement.appendChild(path);
 
 // Setup animation test
-function checkBaseVal() {
-    shouldBe("path.pathSegList.numberOfItems", "5");
-    shouldBeEqualToString("path.pathSegList.getItem(0).pathSegTypeAsLetter", "M");
-    shouldBe("path.pathSegList.getItem(0).x", "-30");
-    shouldBe("path.pathSegList.getItem(0).y", "-30");
-    shouldBeEqualToString("path.pathSegList.getItem(1).pathSegTypeAsLetter", "L");
-    shouldBe("path.pathSegList.getItem(1).x", "30");
-    shouldBe("path.pathSegList.getItem(1).y", "0");
-    shouldBeEqualToString("path.pathSegList.getItem(2).pathSegTypeAsLetter", "V");
-    shouldBe("path.pathSegList.getItem(2).y", "30");
-    shouldBeEqualToString("path.pathSegList.getItem(3).pathSegTypeAsLetter", "H");
-    shouldBe("path.pathSegList.getItem(3).x", "0");
-    shouldBeEqualToString("path.pathSegList.getItem(4).pathSegTypeAsLetter", "Z");
-}
-
 function sample1() {
     // Check initial/end conditions
-    shouldBe("path.animatedPathSegList.numberOfItems", "5");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(0).pathSegTypeAsLetter", "M");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).x", "-30");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).y", "-30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(1).pathSegTypeAsLetter", "L");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).x", "30");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).y", "0");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(2).pathSegTypeAsLetter", "V");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(2).y", "30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(3).pathSegTypeAsLetter", "H");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(3).x", "0");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(4).pathSegTypeAsLetter", "Z");
-    checkBaseVal();
+    shouldBeEqualToString("path.getAttribute('d')", "M -30 -30 L 30 0 V 30 H 0 Z");
 }
 
 function sample2() {
-    shouldBe("path.animatedPathSegList.numberOfItems", "5");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(0).pathSegTypeAsLetter", "M");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).x", "-15");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).y", "-15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(1).pathSegTypeAsLetter", "L");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).x", "15");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).y", "0");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(2).pathSegTypeAsLetter", "V");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(2).y", "15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(3).pathSegTypeAsLetter", "H");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(3).x", "0");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(4).pathSegTypeAsLetter", "Z");
-    checkBaseVal();
+    shouldBeEqualToString("path.getAttribute('d')", "M -15 -15 L 15 0 V 15 H 0 Z");
 }
 
 function sample3() {
-    shouldBe("path.animatedPathSegList.numberOfItems", "5");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(0).pathSegTypeAsLetter", "M");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).x", "15");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).y", "15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(1).pathSegTypeAsLetter", "l");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).x", "-30");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).y", "-15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(2).pathSegTypeAsLetter", "v");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(2).y", "-15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(3).pathSegTypeAsLetter", "h");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(3).x", "15");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(4).pathSegTypeAsLetter", "Z");
-    checkBaseVal();
+    shouldBeEqualToString("path.getAttribute('d')", "M 15 15 l -30 -15 v -15 h 15 Z");
 }
 
 function sample4() {
-    shouldBe("path.animatedPathSegList.numberOfItems", "5");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(0).pathSegTypeAsLetter", "M");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).x", "30");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(0).y", "30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(1).pathSegTypeAsLetter", "l");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).x", "-60");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(1).y", "-30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(2).pathSegTypeAsLetter", "v");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(2).y", "-30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(3).pathSegTypeAsLetter", "h");
-    shouldBeCloseEnough("path.animatedPathSegList.getItem(3).x", "30");
-    shouldBeEqualToString("path.animatedPathSegList.getItem(4).pathSegTypeAsLetter", "Z");
-    checkBaseVal();
+    shouldBeEqualToString("path.getAttribute('d')", "M 29.985 29.985 l -59.97 -29.985 v -29.985 h 29.985 Z");
 }
 
 function executeTest() {
     const expectedValues = [
         // [animationId, time, sampleCallback]
         ["animation", 0.0,   sample1],
         ["animation", 1.0,   sample2],
         ["animation", 3.0,   sample3],
         ["animation", 3.999, sample4],
         ["animation", 4.001, sample1]
     ];
 
     runAnimationTest(expectedValues);
 }
 
 var successfullyParsed = true;