test(interaction): 新增重复事件注册的测试 (#1176)

lijinke666 · web-flow · commit e3e1aeefa8d9 · 2022-03-16T14:27:09.000+08:00
diff --git a/packages/s2-core/__tests__/spreadsheet/interaction-brush-selection-scroll-spec.ts b/packages/s2-core/__tests__/spreadsheet/interaction-brush-selection-scroll-spec.ts
@@ -69,7 +69,7 @@ const options: S2Options = {
   },
 };
 
-describe('Bursh selection scroll spec', () => {
+describe('Brush selection scroll spec', () => {
   test('Should scroll when mouse outside canvas', async () => {
     const s2 = new TableSheet(getContainer(), dataCfg, options);
     s2.render();
diff --git a/packages/s2-core/__tests__/unit/interaction/event-controller-spec.ts b/packages/s2-core/__tests__/unit/interaction/event-controller-spec.ts
@@ -374,7 +374,7 @@ describe('Interaction Event Controller Tests', () => {
 
   test.each([
     { type: OriginEventType.KEY_DOWN, event: S2Event.GLOBAL_KEYBOARD_DOWN },
-    { type: OriginEventType.KEY_UP, event: S2Event.GLOBAL_KEYBOARD_DOWN },
+    { type: OriginEventType.KEY_UP, event: S2Event.GLOBAL_KEYBOARD_UP },
   ])(
     'should not trigger sheet %o if outside the canvas container',
     ({ type, event }) => {
@@ -586,4 +586,43 @@ describe('Interaction Event Controller Tests', () => {
     spreadsheet.container.emit(OriginEventType.MOUSE_OUT);
     expect(spreadsheet.interaction.reset).not.toHaveBeenCalled();
   });
+
+  // https://github.com/antvis/S2/issues/1172
+  test.each([
+    { type: OriginEventType.KEY_DOWN, event: S2Event.GLOBAL_KEYBOARD_DOWN },
+    { type: OriginEventType.KEY_UP, event: S2Event.GLOBAL_KEYBOARD_UP },
+    { type: OriginEventType.MOUSE_UP, event: S2Event.GLOBAL_MOUSE_UP },
+    { type: OriginEventType.MOUSE_MOVE, event: S2Event.GLOBAL_MOUSE_MOVE },
+  ])(
+    'should not prevent default original event if controller emitted global event %o',
+    ({ type, event }) => {
+      jest
+        .spyOn(HTMLElement.prototype, 'contains')
+        .mockImplementation(() => true);
+
+      const handler = jest.fn();
+      const originalEventHandler = jest.fn();
+      const preventDefault = jest.fn();
+
+      spreadsheet.on(event, handler);
+
+      // 外部额外注册一个相同的事件
+      window.addEventListener(type, originalEventHandler);
+
+      window.dispatchEvent(
+        new MouseEvent('click', { preventDefault } as EventInit),
+      );
+      window.dispatchEvent(new Event(type, { preventDefault } as EventInit));
+
+      // 都应该触发
+      expect(handler).toHaveBeenCalled();
+      expect(originalEventHandler).toHaveBeenCalled();
+
+      // 不应该阻止默认事件
+      expect(preventDefault).not.toHaveBeenCalled();
+
+      spreadsheet.off(event, handler);
+      window.removeEventListener(type, originalEventHandler);
+    },
+  );
 });
