test(core): test getInputProps Escape behavior

Author: francoischalifour

packages/autocomplete-core/src/__tests__/getInputProps.test.ts

@@ -713,11 +713,81 @@ describe('getInputProps', () => {
     });
 
     describe('Escape', () => {
-      test.todo('prevents the default event behavior');
+      test('prevents the default event behavior', () => {
+        const { inputProps } = createPlayground(createAutocomplete, {
+          openOnFocus: true,
+          initialState: {
+            collections: [
+              createCollection({
+                items: [{ label: '1' }, { label: '2' }],
+              }),
+            ],
+          },
+        });
+
+        const event = {
+          ...new KeyboardEvent('keydown'),
+          key: 'Escape',
+          preventDefault: jest.fn(),
+        };
+
+        inputProps.onKeyDown(event);
+
+        expect(event.preventDefault).toHaveBeenCalledTimes(1);
+      });
+
+      test('closes the panel and resets completion when panel is open', () => {
+        const onStateChange = jest.fn();
+        const { inputElement } = createPlayground(createAutocomplete, {
+          onStateChange,
+          openOnFocus: true,
+          initialState: {
+            completion: 'a',
+            collections: [
+              createCollection({
+                items: [{ label: '1' }, { label: '2' }],
+              }),
+            ],
+          },
+        });
 
-      test.todo('closes the panel and resets completion when panel is open');
+        inputElement.focus();
+        userEvent.type(inputElement, '{esc}');
 
-      test.todo('resets the state when panel is closed');
+        expect(onStateChange).toHaveBeenLastCalledWith({
+          prevState: expect.anything(),
+          state: expect.objectContaining({
+            isOpen: false,
+            completion: null,
+          }),
+        });
+      });
+
+      test('resets the state when panel is closed', async () => {
+        const onStateChange = jest.fn();
+        const { inputElement } = createPlayground(createAutocomplete, {
+          onStateChange,
+          initialState: {
+            isOpen: true,
+            collections: [
+              createCollection({
+                items: [{ label: '1' }, { label: '2' }],
+              }),
+            ],
+          },
+        });
+
+        userEvent.type(inputElement, '{esc}');
+
+        expect(onStateChange).toHaveBeenLastCalledWith({
+          prevState: expect.anything(),
+          state: expect.objectContaining({
+            query: '',
+            status: 'idle',
+            collections: [],
+          }),
+        });
+      });
     });
 
     describe('Enter', () => {