test: add case

react-component · Aug 1, 2023 · bf33250 · bf33250
1 parent 7a900f0
commit bf33250
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/tests/preview.test.tsx b/tests/preview.test.tsx
@@ -861,4 +861,33 @@ describe('Preview', () => {
 
     expect(document.querySelector('video')).toBeTruthy();
   });
+
+  it('should be closed when press esc after click portal', () => {
+    const onVisibleChange = jest.fn();
+    const { container } = render(
+      <Image
+        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+        preview={{
+          onVisibleChange,
+        }}
+      />,
+    );
+
+    fireEvent.click(container.querySelector('.rc-image'));
+    act(() => {
+      jest.runAllTimers();
+    });
+
+    expect(document.querySelector('.rc-image-preview')).toBeTruthy();
+
+    expect(onVisibleChange).toBeCalledWith(true, false);
+
+    fireEvent.click(document.querySelector('.rc-image-preview-operations'));
+
+    fireEvent.keyDown(window, { key: 'Escape', keyCode: 27 });
+
+    expect(onVisibleChange).toBeCalledWith(false, true);
+
+    onVisibleChange.mockRestore();
+  });
 });