diff --git a/engine/src/flutter/tests/clipping/clipping-transforms-expected.sky b/engine/src/flutter/tests/clipping/clipping-transforms-expected.sky
new file mode 100644
index 0000000000..4ac45d7af6
--- /dev/null
+++ b/engine/src/flutter/tests/clipping/clipping-transforms-expected.sky
@@ -0,0 +1,14 @@
+<import src="../resources/run-after-display.sky" />
+<img src="http://storage.googleapis.com/mojo/sky-pngs/77c37e9285340992042008792e29c861306cdc9e" />
+<script>
+import "dart:sky";
+import "dart:sky.internals" as internals;
+
+void main() {
+  window.addEventListener('load', (_) {
+    runAfterDisplay(() {
+      internals.notifyTestComplete("");
+    });
+  });
+}
+</script>
diff --git a/engine/src/flutter/tests/clipping/clipping-transforms.sky b/engine/src/flutter/tests/clipping/clipping-transforms.sky
new file mode 100644
index 0000000000..762d06a6ba
--- /dev/null
+++ b/engine/src/flutter/tests/clipping/clipping-transforms.sky
@@ -0,0 +1,28 @@
+<import src="../resources/run-after-display.sky" />
+
+<style>
+transformer {
+  transform: translateY(-500px);
+}
+child {
+  opacity: 0.5;
+  background-image: linear-gradient(green, yellow);
+  height: 1900px;
+}
+</style>
+<transformer>
+  <child />
+</transformer>
+
+<script>
+import "dart:sky";
+import "dart:sky.internals" as internals;
+
+void main() {
+  window.addEventListener('load', (_) {
+    runAfterDisplay(() {
+      internals.notifyTestComplete("");
+    });
+  });
+}
+</script>