--- a/layout/style/test/test_transitions_per_property.html
+++ b/layout/style/test/test_transitions_per_property.html
@@ -651,50 +651,50 @@ var clipPathTests = [
},
// matching functions
{ start: "circle(100px)", end: "circle(500px)",
expected: ["circle", ["200px", "at", "50%", "50%"]] },
{ start: "ellipse(100px 100px)", end: "ellipse(500px 500px)",
expected: ["ellipse", ["200px", "200px", "at", "50%", "50%"]] },
{ start: "circle(100px at 100px 100px) border-box",
end: "circle(500px at 500px 500px) border-box",
- expected: ["circle", ["200px", "at", "200px", "200px"]]
+ expected: ["circle", ["200px", "at", "200px", "200px"], "border-box"]
},
{ start: "ellipse(100px 100px at 100px 100px) border-box",
end: "ellipse(500px 500px at 500px 500px) border-box",
- expected: ["ellipse", ["200px", "200px", "at", "200px", "200px"]]
+ expected: ["ellipse", ["200px", "200px", "at", "200px", "200px"], "border-box"]
},
{ start: "polygon(evenodd, 100px 100px, 100px 100px) border-box",
end: "polygon(evenodd, 500px 500px, 500px 500px) border-box",
- expected: ["polygon", ["evenodd", "200px", "200px", "200px", "200px"]]
+ expected: ["polygon", ["evenodd", "200px", "200px", "200px", "200px"], "border-box"]
},
{ start: "inset(100px 100px 100px 100px round 100px 100px) border-box",
end: "inset(500px 500px 500px 500px round 500px 500px) border-box",
- expected: ["inset", ["200px", "round", "200px"]]
+ expected: ["inset", ["200px", "round", "200px"], "border-box"]
},
// matching functions percentage
{ start: "circle(100%)", end: "circle(500%)",
expected: ["circle", ["200%", "at", "50%", "50%"]] },
{ start: "ellipse(100% 100%)", end: "ellipse(500% 500%)",
expected: ["ellipse", ["200%", "200%", "at", "50%", "50%"]] },
{ start: "circle(100% at 100% 100%) border-box",
end: "circle(500% at 500% 500%) border-box",
- expected: ["circle", ["200%", "at", "200%", "200%"]]
+ expected: ["circle", ["200%", "at", "200%", "200%"], "border-box"]
},
{ start: "ellipse(100% 100% at 100% 100%) border-box",
end: "ellipse(500% 500% at 500% 500%) border-box",
- expected: ["ellipse", ["200%", "200%", "at", "200%", "200%"]]
+ expected: ["ellipse", ["200%", "200%", "at", "200%", "200%"], "border-box"]
},
{ start: "polygon(evenodd, 100% 100%, 100% 100%) border-box",
end: "polygon(evenodd, 500% 500%, 500% 500%) border-box",
- expected: ["polygon", ["evenodd", "200%", "200%", "200%", "200%"]]
+ expected: ["polygon", ["evenodd", "200%", "200%", "200%", "200%"], "border-box"]
},
{ start: "inset(100% 100% 100% 100% round 100% 100%) border-box",
end: "inset(500% 500% 500% 500% round 500% 500%) border-box",
- expected: ["inset", ["200%", "round", "200%"]] },
+ expected: ["inset", ["200%", "round", "200%"], "border-box"] },
// no interpolation for keywords
{ start: "circle()", end: "circle(50px)",
expected: ["circle", ["50px", "at", "50%", "50%"]] },
{ start: "circle(closest-side)", end: "circle(500px)",
expected: ["circle", ["500px", "at", "50%", "50%"]] },
{ start: "circle(farthest-side)", end: "circle(500px)",
expected: ["circle", ["500px", "at", "50%", "50%"]] },
{ start: "circle(500px)", end: "circle(farthest-side)",