From 2618014027817a8449c1381b1ef56d2f5a3fc07b Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Wed, 9 Aug 2023 00:30:41 +0800
Subject: [PATCH] add test

---
 .../src/exports/Modal/__tests__/index-test.js | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/packages/react-native-web/src/exports/Modal/__tests__/index-test.js b/packages/react-native-web/src/exports/Modal/__tests__/index-test.js
index 78f5d94f12..9e82fcc5ba 100644
--- a/packages/react-native-web/src/exports/Modal/__tests__/index-test.js
+++ b/packages/react-native-web/src/exports/Modal/__tests__/index-test.js
@@ -309,6 +309,32 @@ describe('components/Modal', () => {
     expect(document.activeElement).toBe(insideElement);
   });
 
+  test('focus is not trapped after closing modal', () => {
+    const { rerender } = render(
+      <>
+        <a data-testid={'outside'} href={'#outside'}>
+          Outside
+        </a>
+        <Modal visible={true} />
+      </>
+    );
+
+    const outsideElement = document.querySelector('[data-testid="outside"]');
+    const onDismissCallback = jest.fn(() => outsideElement.focus());
+
+    rerender(
+      <>
+        <a data-testid={'outside'} href={'#outside'}>
+          Outside
+        </a>
+        <Modal onDismiss={onDismissCallback} visible={false} />
+      </>
+    );
+
+    expect(onDismissCallback).toBeCalledTimes(1);
+    expect(document.activeElement).toBe(outsideElement);
+  });
+
   test('focus is brought back to the element that triggered modal after closing', () => {
     const { rerender } = render(
       <>