shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Restore React purity checks and streamline inline drafts
Some checks failed
Deploy Sokko G / deploy (push) Failing after 2s
Details

Browse source
This commit is contained in:
Shinuwa 2026-09-11 09:17:45 +02:00
parent 2bff58f08c
commit b9cc77a4d1
8 changed files with 111 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

51
e2e/inline-edit.spec.js Normal file
View file

@ -0,0 +1,51 @@
// Rôle : teste la synchronisation, la validation et l'annulation des éditions inline.
/* global window, document */
import { test, expect } from "@playwright/test";
import { fileURLToPath, URL } from "node:url";
const probeUrl = `/@fs/${fileURLToPath(new URL("./fixtures/inline-edit-probe.js", import.meta.url))}`;
for (const contentEditable of [false, true]) {
test(`inline ${contentEditable ? "contentEditable" : "input"} synchronizes and cancels under StrictMode`, async ({ page }) => {
const errors = [];
page.on("pageerror", (error) => errors.push(error.message));
await page.goto("/");
await page.evaluate(async ({ probeUrl, contentEditable }) => {
const { mountInlineEditProbe } = await import(probeUrl);
const element = document.createElement("div");
element.id = "inline-probe";
document.body.prepend(element);
window.inlineProbe = mountInlineEditProbe(element, contentEditable);
}, { probeUrl, contentEditable });
const editor = page.locator("#inline-probe").getByRole("textbox", { name: "Edit" });
const expectValue = (value) => contentEditable ? expect(editor).toHaveText(value) : expect(editor).toHaveValue(value);
await expectValue("Initial");
await editor.fill("Uncommitted");
await page.evaluate(() => window.inlineProbe.update("Initial"));
await expectValue("Uncommitted");
await editor.press("Escape");
await expectValue("Initial");
expect(await page.evaluate(() => window.inlineProbe.commits)).toEqual([]);
await page.evaluate(() => window.inlineProbe.update("Updated"));
await expectValue("Updated");
const sourceRenders = await page.evaluate(() => window.inlineProbe.renders.filter((entry) => entry.value === "Updated"));
expect(sourceRenders.length).toBeGreaterThan(0);
expect(sourceRenders.every((entry) => entry.draft === "Updated")).toBe(true);
await editor.fill(" Saved ");
await editor.press("Enter");
expect(await page.evaluate(() => window.inlineProbe.commits)).toEqual(["Saved"]);
await page.evaluate(() => window.inlineProbe.update("Saved"));
await expectValue("Saved");
await editor.fill("Discard");
await editor.press("Escape");
await expectValue("Saved");
expect(await page.evaluate(() => window.inlineProbe.commits)).toEqual(["Saved"]);
await page.evaluate(() => window.inlineProbe.update("Initial"));
await expectValue("Initial");
await page.evaluate(() => window.inlineProbe.unmount());
expect(errors).toEqual([]);
});
}