feature: @cloudcmd/modal: click -> mousedown

Author: coderaiser

lib/modal.js

@@ -18,7 +18,7 @@ const innerHTML = `
 `;
 
 const addEvent = currify((el, fn, query, name) => query(el).addEventListener(name, fn));
-const addAllEvents = (el, fn, query, names) => names.map(addEvent(el, fn, query));
+const _addAllEvents = (el, fn, query, names) => names.map(addEvent(el, fn, query));
 
 const {isArray} = Array;
 
@@ -38,6 +38,7 @@ export const open = (inner, options = {}) => {
         query = _query,
         showTitle = _showTitle,
         parseImages = _parseImages,
+        addAllEvents = _addAllEvents,
     } = options;
 
     if (query('main'))
@@ -64,7 +65,7 @@ export const open = (inner, options = {}) => {
         dataName: 'modal-main',
     });
 
-    addAllEvents('main', onMainClick(onOverlayClick), query, ['click', 'contextmenu']);
+    addAllEvents('main', onMainClick(onOverlayClick), query, ['mousedown', 'contextmenu']);
 
     query('close').addEventListener('click', close);
 

lib/modal.spec.js

@@ -28,6 +28,38 @@ test('modal: open: main exist', (t) => {
     t.end();
 });
 
+test('modal: open: addAllEvents', (t) => {
+    const addEventListener = stub();
+    const appendChild = stub();
+    
+    const el = {
+        addEventListener,
+        appendChild,
+    };
+    
+    const query = (name) => {
+        if (name !== 'main')
+            return el;
+    };
+    
+    const addAllEvents = stub();
+    
+    open({}, {
+        query,
+        addAllEvents,
+    });
+    
+    const args = [
+        'main',
+        stub(),
+        query,
+        ['mousedown', 'contextmenu'],
+    ];
+    
+    t.calledWith(addAllEvents, args);
+    t.end();
+});
+
 test('modal: open: beforeShow', (t) => {
     const beforeShow = stub();
     const el = create();