From ae5333fdaf38ea986e513244ace71c09e818a568 Mon Sep 17 00:00:00 2001
From: Matt Perry <mattgperry@gmail.com>
Date: Tue, 11 Jan 2022 11:59:54 +0100
Subject: [PATCH] Updating test

---
 .../__tests__/transformTemplate.test.tsx      | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/motion/__tests__/transformTemplate.test.tsx b/src/motion/__tests__/transformTemplate.test.tsx
index 0e5e97c31..1d581c504 100644
--- a/src/motion/__tests__/transformTemplate.test.tsx
+++ b/src/motion/__tests__/transformTemplate.test.tsx
@@ -66,7 +66,7 @@ describe("transformTemplate", () => {
         expect(container.firstChild).toHaveStyle("transform: translateY(20px)")
     })
 
-    it("removes transformTemplate if prop is removed and translate is defined", async () => {
+    it("removes transformTemplate if prop is removed and transform is changed", async () => {
         const { container, rerender } = render(
             <motion.div
                 transformTemplate={() => `translateY(20px)`}
@@ -83,6 +83,23 @@ describe("transformTemplate", () => {
         )
     })
 
+    it("removes transformTemplate if prop is removed and transform is not changed", async () => {
+        const { container, rerender } = render(
+            <motion.div
+                transformTemplate={() => `translateY(20px)`}
+                style={{ x: 10 }}
+            />
+        )
+        expect(container.firstChild).toHaveStyle("transform: translateY(20px)")
+        rerender(<motion.div style={{ x: 10 }} />)
+
+        await new Promise((resolve) => sync.postRender(resolve))
+
+        expect(container.firstChild).toHaveStyle(
+            "transform: translateX(10px) translateZ(0)"
+        )
+    })
+
     it("removes transformTemplate if prop is removed", async () => {
         const { container, rerender } = render(
             <motion.div transformTemplate={() => `translateY(20px)`} />