Bug 1386848 - stylo: Add a reftest for `transform: translate()` r?xidorn
MozReview-Commit-ID: F2XSsSc7w5n
--- a/layout/reftests/transform/reftest.list
+++ b/layout/reftests/transform/reftest.list
@@ -28,16 +28,17 @@ fuzzy-if(webrender,1,27) == compound-1a.
== translatey-2.html translatey-1-ref.html
# translate should act like position: relative
!= translate-1a.html translate-1-ref.html
== translate-1b.html translate-1-ref.html
== translate-1c.html translate-1-ref.html
== translate-1d.html translate-1-ref.html
== translate-1e.html translate-1-ref.html
== translate-2a.html translate-2-ref.html
+== translate-3.html translate-3-ref.html
# rotate: Several rotations of the same object should be idempotent. These
# tests are currently disabled because of subpixel (< 0.00001 gfx units)
# rounding errors.
random == rotate-1a.html rotate-1-ref.html
random == rotate-1b.html rotate-1-ref.html
random == rotate-1c.html rotate-1-ref.html
random == rotate-1d.html rotate-1-ref.html
random == rotate-1e.html rotate-1-ref.html
new file mode 100644
--- /dev/null
+++ b/layout/reftests/transform/translate-3-ref.html
@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px; height: 100px;
+ background: green;
+}
+</style>
+<div></div>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/transform/translate-3.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style>
+div {
+ width: 100px; height: 100px;
+}
+#outer {
+ background: green;
+ overflow: hidden;
+}
+#inner {
+ background: red;
+ transform: translateX(calc(100px));
+}
+</style>
+<div id="outer">
+ <div id="inner">
+ </div>
+</div>