Update wpt/css/css-transforms/inline-styles/svg-inline-styles-* tests
Various fixes and updates to reflect current specification.
* Don't allow unitless numbers in the 'style' attribute
(001, 003, 004: 90 -> 90deg, 002: -100 -> 100px)
* Don't allow units in the presentation attribute (013)
* No 3-argument rotate() in 'style' attribute (012)
Bug: 1175179
Change-Id: I43f37c4483fe2fb67e8c776421ba120857f15d90
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2935294
Reviewed-by: Stephen Chenney <schenney@chromium.org>
Commit-Queue: Fredrik Söderquist <fs@opera.com>
Cr-Commit-Position: refs/heads/master@{#888922}
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-001.html b/css/css-transforms/inline-styles/svg-inline-styles-001.html
index 86719bf..c0afbe4 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-001.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-001.html
@@ -26,7 +26,8 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
- <rect y="-100" width="100" height="100" fill="url(#grad)" style="transform: rotate(90)" transform="scale(0.5)"/>
+ <rect y="-100" width="100" height="100" fill="url(#grad)"
+ style="transform: rotate(90deg)" transform="scale(0.5)"/>
</svg>
</body>
</html>
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-002.html b/css/css-transforms/inline-styles/svg-inline-styles-002.html
index 2f0c472..5228afc 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-002.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-002.html
@@ -27,7 +27,8 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g transform="rotate(90)">
- <rect width="100" height="100" fill="url(#grad)" style="transform: translateY(-100)" transform="scale(0.5)"/>
+ <rect width="100" height="100" fill="url(#grad)"
+ style="transform: translateY(-100px)" transform="scale(0.5)"/>
</g>
</svg>
</body>
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-003.html b/css/css-transforms/inline-styles/svg-inline-styles-003.html
index 8d4714d..327ff13 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-003.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-003.html
@@ -26,7 +26,7 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
- <g style="transform: rotate(90)">
+ <g style="transform: rotate(90deg)">
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-004.html b/css/css-transforms/inline-styles/svg-inline-styles-004.html
index b7e0a7d..0a0dc02 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-004.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-004.html
@@ -26,7 +26,7 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
- <g style="transform: rotate(90)" transform="scale(0.5)">
+ <g style="transform: rotate(90deg)" transform="scale(0.5)">
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-012.html b/css/css-transforms/inline-styles/svg-inline-styles-012.html
index f046d4c..ceb2595 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-012.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-012.html
@@ -27,7 +27,9 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
- <rect y="-60" width="100" height="100" fill="url(#grad)" style="transform: rotate(90,20px,20px)" transform="scale(0.5)"/>
+ <rect y="-60" width="100" height="100" fill="url(#grad)"
+ style="transform: translate(20px, 20px) rotate(90deg) translate(-20px, -20px)"
+ transform="scale(0.5)"/>
</svg>
</body>
-</html>
\ No newline at end of file
+</html>
diff --git a/css/css-transforms/inline-styles/svg-inline-styles-013.html b/css/css-transforms/inline-styles/svg-inline-styles-013.html
index a06a937..100f90e 100644
--- a/css/css-transforms/inline-styles/svg-inline-styles-013.html
+++ b/css/css-transforms/inline-styles/svg-inline-styles-013.html
@@ -27,7 +27,8 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
- <rect y="-60" width="100" height="100" fill="url(#grad)" style="transform: scale(invalid)" transform="rotate(90,20px,20px)"/>
+ <rect y="-60" width="100" height="100" fill="url(#grad)"
+ style="transform: scale(invalid)" transform="rotate(90,20,20)"/>
</svg>
</body>
-</html>
\ No newline at end of file
+</html>