블록 UX: 삭제/복제 버튼 및 단축키 추가

tests/unit/editorStore.spec.ts

@@ -324,4 +324,61 @@ describe("editorStore", () => {
     ({ blocks } = store.getState());
     expect(blocks).toHaveLength(2);
   });
+
+  it("removeBlock 호출 시 해당 블록이 삭제되고 선택 상태가 적절히 변경되어야 한다", () => {
+    const store = createEditorStore();
+
+    // 텍스트 블록 두 개를 추가한다.
+    store.getState().addTextBlock();
+    store.getState().addTextBlock();
+
+    let { blocks, selectedBlockId } = store.getState();
+    expect(blocks).toHaveLength(2);
+
+    const firstId = blocks[0].id;
+    const secondId = blocks[1].id;
+
+    // 두 번째 블록을 선택한 상태에서 삭제한다.
+    store.getState().selectBlock(secondId);
+    store.getState().removeBlock(secondId);
+
+    ({ blocks, selectedBlockId } = store.getState());
+
+    // 두 번째 블록만 삭제되고 첫 번째 블록은 남아 있어야 한다.
+    expect(blocks).toHaveLength(1);
+    expect(blocks[0].id).toBe(firstId);
+    expect(selectedBlockId).toBe(firstId);
+  });
+
+  it("duplicateBlock 호출 시 같은 내용의 블록이 같은 위치 정보로 복제되어야 한다", () => {
+    const store = createEditorStore();
+
+    // 섹션 + 텍스트 블록을 하나 만든다.
+    store.getState().addSectionBlock();
+    const { blocks: afterSection } = store.getState();
+    const sectionBlock = afterSection[0] as any;
+
+    store.getState().selectBlock(sectionBlock.id);
+    store.getState().addTextBlock();
+
+    let { blocks } = store.getState();
+    const original = blocks.find((b) => b.type === "text") as any;
+
+    expect(original).toBeTruthy();
+
+    // duplicateBlock 으로 복제한다.
+    store.getState().duplicateBlock(original.id);
+
+    ({ blocks } = store.getState());
+    const textBlocks = blocks.filter((b) => b.type === "text") as any[];
+
+    // 텍스트 블록이 두 개가 되어야 한다.
+    expect(textBlocks).toHaveLength(2);
+
+    const [t1, t2] = textBlocks;
+    expect(t1.id).not.toBe(t2.id);
+    expect(t1.props).toEqual(t2.props);
+    expect(t2.sectionId).toBe(t1.sectionId);
+    expect(t2.columnId).toBe(t1.columnId);
+  });
 });