From d755c489448cbe32c75817e6170a7e22b08c08a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Naz=C4=B1m=20Can=20Alt=C4=B1nova?= <canaltinova@gmail.com>
Date: Fri, 4 Aug 2017 17:57:28 -0700
Subject: [PATCH] Bug 1386848 - stylo: Add a reftest for `transform:
translate()` r=xidorn
MozReview-Commit-ID: F2XSsSc7w5n
--HG--
extra : rebase_source : f04340ee5b363424f0860fce8d0618ee99049312
---
layout/reftests/transform/reftest.list | 1 +
layout/reftests/transform/translate-3-ref.html | 8 ++++++++
layout/reftests/transform/translate-3.html | 18 ++++++++++++++++++
3 files changed, 27 insertions(+)
create mode 100644 layout/reftests/transform/translate-3-ref.html
create mode 100644 layout/reftests/transform/translate-3.html
diff --git a/layout/reftests/transform/reftest.list b/layout/reftests/transform/reftest.list
index cc33f514aff3c..367ba01d11c9c 100644
--- a/layout/reftests/transform/reftest.list
+++ b/layout/reftests/transform/reftest.list
@@ -33,6 +33,7 @@ fuzzy-if(webrender,1,27) == compound-1a.html compound-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.
diff --git a/layout/reftests/transform/translate-3-ref.html b/layout/reftests/transform/translate-3-ref.html
new file mode 100644
index 0000000000000..458932b60bd16
--- /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>
diff --git a/layout/reftests/transform/translate-3.html b/layout/reftests/transform/translate-3.html
new file mode 100644
index 0000000000000..ea326324a3301
--- /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>
--
GitLab