Refactor CommandCanvasClear

packages/core/src/commands/registry.ts

@@ -12,6 +12,7 @@ import type { ResizeCommandRegistryRun, ResizeCommandRegistryStop } from './view
 import type { CopyComponentCommandRegistryRun } from './view/CopyComponent';
 import type { PasteComponentCommandRegistryRun } from './view/PasteComponent';
 import type { CanvasMoveCommandRegistryRun, CanvasMoveCommandRegistryStop } from './view/CanvasMove';
+import type { CanvasClearCommandRegistryRun } from './view/CanvasClear';
 
 type CommandRegistryHandler = (...args: any[]) => any;
 type CommandRegistryEntry<TRegistry, TId extends string> = TId extends keyof TRegistry
@@ -26,7 +27,8 @@ export interface CommandRegistryRun
     ResizeCommandRegistryRun,
     CopyComponentCommandRegistryRun,
     PasteComponentCommandRegistryRun,
-    CanvasMoveCommandRegistryRun {}
+    CanvasMoveCommandRegistryRun,
+    CanvasClearCommandRegistryRun {}
 
 export interface CommandRegistryStop
   extends FullscreenCommandRegistryStop,

packages/core/src/commands/view/CanvasClear.ts

@@ -1,8 +1,13 @@
-import { CommandObject } from './CommandAbstract';
+import type { CommandPublicFnFromHandler } from '../registryHelpers';
+import CommandAbstract from './CommandAbstract';
 
-export default {
-  run(ed) {
+export interface CanvasClearCommandRegistryRun {
+  'core:canvas-clear': CommandPublicFnFromHandler<CommandCanvasClear['run']>;
+}
+
+export default class CommandCanvasClear extends CommandAbstract {
+  run(ed: any) {
     ed.Components.clear();
     ed.Css.clear();
-  },
-} as CommandObject;
+  }
+}

packages/core/test/specs/commands/view/CanvasClear.ts

@@ -0,0 +1,16 @@
+import CanvasClear from '../../../../src/commands/view/CanvasClear';
+
+describe('CanvasClear command', () => {
+  test('should clear components and css', () => {
+    const command = new CanvasClear({});
+    const editor = {
+      Components: { clear: jest.fn() },
+      Css: { clear: jest.fn() },
+    };
+
+    command.run(editor);
+
+    expect(editor.Components.clear).toHaveBeenCalledTimes(1);
+    expect(editor.Css.clear).toHaveBeenCalledTimes(1);
+  });
+});