From 9ccc8fb0d7ef17d3be03bc3d51a061a283ba8583 Mon Sep 17 00:00:00 2001
From: Mehmet Yarar <Mehmet.Yarar@vertexinc.com>
Date: Wed, 1 Mar 2023 16:03:54 +0600
Subject: [PATCH 1/2] fix: close notification with Enter key

---
 src/Notice.tsx      | 25 ++++++++++++++++++++++---
 tests/index.test.js | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 3 deletions(-)

diff --git a/src/Notice.tsx b/src/Notice.tsx
index 5d7c2d9..050668f 100644
--- a/src/Notice.tsx
+++ b/src/Notice.tsx
@@ -57,6 +57,12 @@ export default class Notice extends Component<NoticeProps> {
     this.clearCloseTimer();
   }
 
+  keyDown = (e: React.KeyboardEvent<HTMLAnchorElement>) => {
+    if (e.key === 'Enter' || e.code === 'Enter' || e.charCode === 13) {
+      this.close();
+    }
+  };
+
   close = (e?: React.MouseEvent<HTMLAnchorElement>) => {
     if (e) {
       e.stopPropagation();
@@ -89,8 +95,16 @@ export default class Notice extends Component<NoticeProps> {
   }
 
   render() {
-    const { prefixCls, className, closable, closeIcon, style, onClick, children, holder } =
-      this.props;
+    const {
+      prefixCls,
+      className,
+      closable,
+      closeIcon,
+      style,
+      onClick,
+      children,
+      holder,
+    } = this.props;
     const componentClass = `${prefixCls}-notice`;
     const dataOrAriaAttributeProps = Object.keys(this.props).reduce(
       (acc: Record<string, string>, key: string) => {
@@ -114,7 +128,12 @@ export default class Notice extends Component<NoticeProps> {
       >
         <div className={`${componentClass}-content`}>{children}</div>
         {closable ? (
-          <a tabIndex={0} onClick={this.close} className={`${componentClass}-close`}>
+          <a
+            tabIndex={0}
+            onClick={this.close}
+            onKeyDown={this.keyDown}
+            className={`${componentClass}-close`}
+          >
             {closeIcon || <span className={`${componentClass}-close-x`} />}
           </a>
         ) : null}
diff --git a/tests/index.test.js b/tests/index.test.js
index 216d817..50b5ec9 100644
--- a/tests/index.test.js
+++ b/tests/index.test.js
@@ -611,4 +611,40 @@ describe('Notification.Basic', () => {
       },
     );
   });
+
+  it('closes via keyboard Enter key', (done) => {
+    let container;
+
+    Notification.newInstance(
+      {
+        TEST_RENDER: (node) => {
+          ({ container } = render(<div>{node}</div>));
+        },
+      },
+      (notification) => {
+        notification.notice({
+          content: <p className="test">1</p>,
+          closable: true,
+          duration: null,
+        });
+
+        setTimeout(() => {
+          expect(container.querySelectorAll('.test')).toHaveLength(1);
+          expect(container.querySelector('a')).toBeTruthy();
+
+          setTimeout(() => {
+            fireEvent.keyDown(container.querySelector('a'), {
+              key: 'Enter',
+              code: 'Enter',
+              charCode: 13,
+            });
+
+            expect(container.querySelectorAll('.test')).toHaveLength(0);
+            notification.destroy();
+            done();
+          }, 1000);
+        }, 10);
+      },
+    );
+  });
 });

From 27e34eabcebca5bc751c0330c3d3681880f580b9 Mon Sep 17 00:00:00 2001
From: Mehmet Yarar <Mehmet.Yarar@vertexinc.com>
Date: Fri, 3 Mar 2023 18:28:02 +0600
Subject: [PATCH 2/2] empty commit to trigger ci