From 4e1ddac12ca80dce544e3da25c7bc4d43fdf6c21 Mon Sep 17 00:00:00 2001
From: wolimst <64784258+wolimst@users.noreply.github.com>
Date: Sun, 25 Feb 2024 15:31:41 +0900
Subject: [PATCH] Add tests for block moving feature

---
 tests/move-block.spec.js | 112 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 112 insertions(+)
 create mode 100644 tests/move-block.spec.js

diff --git a/tests/move-block.spec.js b/tests/move-block.spec.js
new file mode 100644
index 0000000..56206ab
--- /dev/null
+++ b/tests/move-block.spec.js
@@ -0,0 +1,112 @@
+import { expect, test } from "@playwright/test"
+import { HeynotePage } from "./test-utils.js"
+
+let heynotePage
+
+test.beforeEach(async ({ page }) => {
+    heynotePage = new HeynotePage(page)
+    await heynotePage.goto()
+
+    expect((await heynotePage.getBlocks()).length).toBe(1)
+    await heynotePage.setContent(`
+∞∞∞text
+Block A
+∞∞∞text
+Block B
+∞∞∞text
+Block C`)
+
+    // check that blocks are created
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+
+    // check that visual block layers are created
+    await expect(page.locator("css=.heynote-blocks-layer > div")).toHaveCount(3)
+})
+
+test("move the first block up", async ({ page }) => {
+    // select the first block, cursor position: "Block A|"
+    await page.locator("body").press("ArrowUp")
+    await page.locator("body").press("ArrowUp")
+
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowUp`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block B")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block C")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("A")
+})
+
+test("move the middle block up", async ({ page }) => {
+    // select the second block, cursor position: "Block B|"
+    await page.locator("body").press("ArrowUp")
+
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowUp`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block B")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block C")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("B")
+})
+
+test("move the last block up", async ({ page }) => {
+    // cursor position: "Block C|"
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowUp`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block C")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block B")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("C")
+})
+
+test("move the first block down", async ({ page }) => {
+    // select the first block, cursor position: "Block A|"
+    await page.locator("body").press("ArrowUp")
+    await page.locator("body").press("ArrowUp")
+
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowDown`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block B")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block C")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("A")
+})
+
+test("move the middle block down", async ({ page }) => {
+    // select the second block, cursor position: "Block B|"
+    await page.locator("body").press("ArrowUp")
+
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowDown`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block C")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block B")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("B")
+})
+
+test("move the last block down", async ({ page }) => {
+    // cursor position: "Block C|"
+    await page.locator("body").press(`${heynotePage.isMac ? "Meta" : "Control"}+Shift+Alt+ArrowDown`)
+    const cursorPosition = await heynotePage.getCursorPosition()
+    const content = await heynotePage.getContent()
+
+    expect((await heynotePage.getBlocks()).length).toBe(3)
+    expect(await heynotePage.getBlockContent(0)).toBe("Block A")
+    expect(await heynotePage.getBlockContent(1)).toBe("Block B")
+    expect(await heynotePage.getBlockContent(2)).toBe("Block C")
+    expect(content.slice(cursorPosition - 1, cursorPosition)).toBe("C")
+})