Added close dialog on esc key

Author: armino-dev

.github/workflows/npm-publish-github-packages.yml

@@ -41,7 +41,7 @@ import '@armino-dev/jquery-timed-dialog/dist/timed-dialog.min.css';
 ### Directly into your html from cdn
 ```html
 <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
-<script src="[node_modules/@armino-dev/jquery-timed-dialog/dist/timed-dialog.min.js](https://esm.sh/@armino-dev/jquery-timed-dialog)"></script>
+<script src="https://esm.sh/@armino-dev/jquery-timed-dialog"></script>
 <link rel="stylesheet" href="https://esm.sh/@armino-dev/jquery-timed-dialog/dist/timed-dialog.min.css" />
 ```
 

README.md

@@ -56,7 +56,42 @@ describe("jQuery Timed Dialog Plugin", () => {
         it("Should be only one dialog", () => {
             expect(dialogsCount).toBe(1);
         });
-       
+
+        it ("Should close on escape key", (done) => {
+            let dialog = $().timedDialog(options);
+            const random = dialog.random;
+            let event = new KeyboardEvent('keydown', {key: 'Escape'});
+            document.dispatchEvent(event);
+            setTimeout(() => {
+                expect($(`#timed-dialog-${random}`).length).toBeLessThan(1);
+                done();
+            }, 600);
+        });
+
+        it ("Should close on overlay click", (done) => {
+            let dialog = $().timedDialog(options);
+            const random = dialog.random;
+            let overlay = document.querySelector(`#overlay-timed-dialog-${random}`);
+            overlay.click();
+            setTimeout(() => {
+                expect($(`#timed-dialog-${random}`).length).toBeLessThan(1);
+                done();
+            }, 600);
+        });
+
+        it ("Should contain a title", () => {
+            let dialog = $().timedDialog(options);
+            const random = dialog.random;
+            let title = $(`#timed-dialog-${random} h1.title`);
+            expect(title.text()).toBe('Test');
+        });
+
+        it ("Should contain a body", () => {
+            let dialog = $().timedDialog(options);
+            const random = dialog.random;
+            let body = $(`#timed-dialog-${random} div.body`);
+            expect(body.text()).toBe('Testing the dialog');
+        });
     });
 
     describe ("Buttons interactions", () => {

dist/timed-dialog.min.js

@@ -202,6 +202,14 @@
                     dismissDialog();
                 }
             });
+
+            $(document).on('keydown', (evt) => {
+                if (settings.closeOnEscape) {
+                    if (evt.key === 'Escape') {
+                        dismissDialog();
+                    }
+                }
+            });
         }
 
         function animateTimeout() {