Test onexit

mapbox · Jan 23, 2024 · 1e2f7a8 · 1e2f7a8
1 parent 36bd73f
commit 1e2f7a8
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/src/components/select/select.test.tsx b/src/components/select/select.test.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import Select from './select';
-import { render, screen, waitFor } from '@testing-library/react';
+import { render, screen, waitFor, fireEvent } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 
 window.HTMLElement.prototype.hasPointerCapture = jest.fn();
@@ -15,6 +15,7 @@ const SelectTest = (props) => {
 }
 
 describe('Select', () => {
+  const user = userEvent.setup();
   const defaultProps = {
     options: [
       {
@@ -36,7 +37,6 @@ describe('Select', () => {
 
   describe('basic', () => {
     test('renders', async () => {
-      const user = userEvent.setup();
       const { baseElement } = render(<SelectTest {...defaultProps} />);
       await user.click(screen.getByTestId("trigger"));
       await waitFor(() => {
@@ -72,27 +72,41 @@ describe('Select', () => {
   describe('all options', () => {
     const props = {
       ...defaultProps,
+      onExit: jest.fn(),
       placement: 'left',
       padding: 'none',
       hasPointer: false,
       avoidCollisions: false,
       hideWhenAnchorIsOffscreen: true,
       allowPlacementAxisChange: false,
-      escapeCloses: false,
-      onExit: () => {},
       passthroughProps: {
         'data-testid': 'foo'
       }
     };
 
     test('renders', async () => {
-      const user = userEvent.setup();
       const { baseElement } = render(<SelectTest {...props} />);
       await user.click(screen.getByTestId("trigger"));
       await waitFor(() => {
         expect(screen.getByRole('listbox')).toBeInTheDocument();
       });
       expect(baseElement).toMatchSnapshot();
     });
+
+    test('esc deos not call onExit', async () => {
+      const { baseElement } = render(<SelectTest {...props} />);
+      await user.click(screen.getByTestId("trigger"));
+
+      fireEvent.keyDown(baseElement, {
+        key: 'Escape',
+        code: 'Escape',
+        keyCode: 27,
+        charCode: 27
+      });
+
+      await waitFor(() => {
+        expect(props.onExit).toHaveBeenCalled();
+      });
+    });
   });
 });