Bug 1224207 - Part 8. Reftest.
MozReview-Commit-ID: 2PBICER8iJG
--- a/layout/reftests/svg/filters/css-filters/reftest.list
+++ b/layout/reftests/svg/filters/css-filters/reftest.list
@@ -61,8 +61,11 @@ fuzzy-if(d2d,1,10000) == saturate-desatu
== saturate-one.html saturate-one-ref.html
== saturate-percent.html saturate-percent-ref.html
fuzzy-if(d2d,1,10000) == saturate-zero.html saturate-zero-ref.html
fuzzy-if(d2d,1,10000) == sepia.html sepia-ref.html
fuzzy-if(d2d,1,10000) == sepia-one.html sepia-one-ref.html
fuzzy-if(d2d,1,10000) == sepia-over-one.html sepia-over-one-ref.html
fuzzy-if(d2d,1,10000) == sepia-percent.html sepia-percent-ref.html
== sepia-zero.html sepia-zero-ref.html
+
+fuzzy(2,125000) == scale-filtered-content-01.html scale-filtered-content-01-ref.html
+
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01-ref.html
@@ -0,0 +1,33 @@
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Filters: Filtered content should be rendered in device space</title>
+ <style type="text/css">
+ #filtered {
+ width: 100px;
+ height: 50px;
+ background-color: lime;
+ opacity: 0.5;
+ transform: translate(10px) scale(5);
+ transform-origin: 0 0;
+ }
+ .inner {
+ position: absolute;
+ background-color: blue;
+ width: 10px;
+ height:10px;
+ }
+ </style>
+</head>
+<body>
+ <p>You should see clear blue rects.</p>
+ <div id="filtered">
+ <div class="inner" style="left:10px; top:10px;"></div>
+ <div class="inner" style="left:50px; top:20px;"></div>
+ <div class="inner" style="left:80px; top:30px;"></div>
+ </div>
+</body>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/svg/filters/css-filters/scale-filtered-content-01.html
@@ -0,0 +1,33 @@
+<!--
+ Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <title>CSS Filters: Filtered content should be rendered in device space</title>
+ <style type="text/css">
+ #filtered {
+ width: 100px;
+ height: 50px;
+ background-color: lime;
+ filter: opacity(50%);
+ transform: translate(10px) scale(5);
+ transform-origin: 0 0;
+ }
+ .inner {
+ position: absolute;
+ background-color: blue;
+ width: 10px;
+ height:10px;
+ }
+ </style>
+</head>
+<body>
+ <p>You should see clear blue rects.</p>
+ <div id="filtered">
+ <div class="inner" style="left:10px; top:10px;"></div>
+ <div class="inner" style="left:50px; top:20px;"></div>
+ <div class="inner" style="left:80px; top:30px;"></div>
+ </div>
+</body>