From 56561a3e1757a8de2914bdea1bc4a3c63f65d417 Mon Sep 17 00:00:00 2001
From: Matt Perry <mattgperry@gmail.com>
Date: Fri, 29 Oct 2021 14:59:11 +0200
Subject: [PATCH] Adding test for enterBeforeExit and no exit animations
 (#1315)

Co-authored-by: Matt <matt@Matts-M1.local>
---
 .../__tests__/AnimatePresence.test.tsx        | 31 +++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/src/components/AnimatePresence/__tests__/AnimatePresence.test.tsx b/src/components/AnimatePresence/__tests__/AnimatePresence.test.tsx
index 45001c8d4..5719dbe66 100644
--- a/src/components/AnimatePresence/__tests__/AnimatePresence.test.tsx
+++ b/src/components/AnimatePresence/__tests__/AnimatePresence.test.tsx
@@ -336,6 +336,37 @@ describe("AnimatePresence", () => {
         return await expect(promise).resolves.toBe(1)
     })
 
+    test("Immediately remove child if no exit animations defined", async () => {
+        const promise = new Promise<HTMLElement>((resolve) => {
+            const Component = ({ i }: { i: number }) => {
+                return (
+                    <AnimatePresence exitBeforeEnter>
+                        <motion.div
+                            key={i}
+                            data-testid={i}
+                            animate={{ opacity: 1 }}
+                            transition={{ duration: 0.5 }}
+                        />
+                    </AnimatePresence>
+                )
+            }
+
+            const { rerender, getByTestId } = render(<Component i={0} />)
+            rerender(<Component i={0} />)
+            setTimeout(() => {
+                rerender(<Component i={1} />)
+                rerender(<Component i={1} />)
+            }, 50)
+            setTimeout(() => {
+                rerender(<Component i={2} />)
+                rerender(<Component i={2} />)
+                resolve(getByTestId("2"))
+            }, 150)
+        })
+
+        return await expect(promise).resolves.toBeTruthy()
+    })
+
     test("Exit variants are triggered with `AnimatePresence.custom`, not that of the element.", async () => {
         const variants = {
             enter: { x: 0, transition: { type: false } },