Test grouped drag constraints and orientation

e2e/grouped-reorder.spec.js

@@ -0,0 +1,74 @@
+// Rôle : vérifie les contraintes de groupes, de parents et d'orientation avec de vrais gestes pointeur.
+/* global window, document */
+import { test, expect } from "@playwright/test";
+import { fileURLToPath, URL } from "node:url";
+
+const probeUrl = `/@fs/${fileURLToPath(new URL("./fixtures/grouped-reorder-probe.js", import.meta.url))}`;
+test.beforeEach(async ({ page }) => {
+  await page.goto("/");
+  await page.evaluate(async (url) => {
+    const { mountGroupedReorderProbe } = await import(url);
+    document.getElementById("app").style.display = "none";
+    const element = document.createElement("div");
+    document.body.prepend(element);
+    window.groupedProbe = mountGroupedReorderProbe(element);
+  }, probeUrl);
+});
+
+async function configure(page, options) {
+  await page.evaluate((options) => window.groupedProbe.update(options), options);
+}
+
+async function drop(page, source, target, x = 0.2, y = 0.8) {
+  await page.getByRole("button", { name: source, exact: true }).hover();
+  await page.mouse.down();
+  await expect(page.getByLabel("Dragging")).toHaveText("active");
+  const box = await page.getByTestId(target).boundingBox();
+  await page.mouse.move(box.x + box.width * x, box.y + box.height * y, { steps: 3 });
+  await page.mouse.up();
+  await expect(page.getByLabel("Dragging")).toBeEmpty();
+  return page.evaluate(() => window.groupedProbe.events.splice(0));
+}
+
+test("item moves obey parent boundaries, group changes, namespace isolation and custom vetoes", async ({ page }) => {
+  expect(await drop(page, "Item a", "b")).toEqual([{
+    type: "item", sourceId: "a", targetId: "b", targetType: "item", placement: "after",
+    sourceGroup: "A", targetGroup: "A", sourceParentId: "p", targetParentId: "p"
+  }]);
+  expect(await drop(page, "Item a", "d")).toEqual([]);
+  expect(await drop(page, "Item a", "alien")).toEqual([]);
+  await configure(page, { reorderFeatures: { item: { groupChange: false } } });
+  expect(await drop(page, "Item a", "c")).toEqual([]);
+  await configure(page, { reorderFeatures: { item: { groupChange: true } } });
+  expect(await drop(page, "Item a", "c")).toMatchObject([{ targetId: "c", targetGroup: "B" }]);
+  await configure(page, { hierarchy: { enabled: true, stickyParents: false } });
+  expect(await drop(page, "Item a", "d")).toMatchObject([{ sourceParentId: "p", targetParentId: "q" }]);
+  await configure(page, { veto: true });
+  expect(await drop(page, "Item a", "b")).toEqual([]);
+});
+
+test("orientation changes placement while explicit boundaries and ungrouped drops require permission", async ({ page }) => {
+  expect(await drop(page, "Item a", "b")).toMatchObject([{ placement: "after" }]);
+  await configure(page, { orientation: "horizontal" });
+  expect(await drop(page, "Item a", "b")).toMatchObject([{ placement: "before" }]);
+  expect(await drop(page, "Item a", "b", 0.8, 0.2)).toMatchObject([{ placement: "after" }]);
+  expect(await drop(page, "Item a", "boundary")).toEqual([]);
+  expect(await drop(page, "Item a", "ungrouped")).toEqual([]);
+  await configure(page, { reorderFeatures: { item: { boundaryDrop: true, ungroupedDrop: true } } });
+  expect(await drop(page, "Item a", "boundary", 0.1, 0.1)).toMatchObject([{ targetType: "boundary", targetGroup: "B", placement: "after" }]);
+  expect(await drop(page, "Item a", "ungrouped")).toMatchObject([{ targetType: "ungrouped", targetGroup: "" }]);
+});
+
+test("group dragging rejects itself, disabled and root-only moves and respects custom vetoes", async ({ page }) => {
+  expect(await drop(page, "Group A", "group-A")).toEqual([]);
+  expect(await drop(page, "Group A", "group-B")).toEqual([{
+    type: "group", sourceId: "A", targetId: "B", targetType: "group", placement: "after",
+    sourceGroup: "A", targetGroup: "B", sourceParentId: "p", targetParentId: "p"
+  }]);
+  await configure(page, { reorderFeatures: { group: { reorder: false } } });
+  expect(await drop(page, "Group A", "group-B")).toEqual([]);
+  await configure(page, { reorderFeatures: { group: { reorder: true, rootOnly: true } } });
+  expect(await drop(page, "Group A", "group-B")).toEqual([]);
+  await configure(page, { reorderFeatures: { group: { reorder: true } }, veto: true });
+  expect(await drop(page, "Group A", "group-B")).toEqual([]);
+});