Sternboard: free retro board, no signup (initial)
Servidor Fastify + Socket.IO + Drizzle/Postgres; front Vite+React (EN/ES, tema claro/oscuro). Tableros por columnas con plantillas, notas privadas/públicas, agrupación, votos configurables (multivoto), timer compartido con alarma, fases, action items, export Markdown/JSON e import, autodestrucción, gestión de columnas. Imagen única (front servido por el servidor) y CI que la construye y publica.
This commit is contained in:
@@ -0,0 +1,123 @@
|
||||
import { test, expect, type Page, type Locator } from "@playwright/test";
|
||||
|
||||
async function createBoard(page: Page, title: string, template = "mad-sad-glad") {
|
||||
await page.goto("/");
|
||||
await page.getByTestId("board-title").fill(title);
|
||||
await page.getByTestId("template").selectOption(template);
|
||||
await page.getByTestId("create").click();
|
||||
await page.waitForURL(/\/b\/.+/);
|
||||
return page.url();
|
||||
}
|
||||
|
||||
async function joinAs(page: Page, boardUrl: string, name: string) {
|
||||
await page.goto(boardUrl);
|
||||
await expect(page.getByTestId("name")).toBeVisible();
|
||||
await page.getByTestId("name").fill(name);
|
||||
await page.getByTestId("join").click();
|
||||
await expect(page.getByTestId("column").first()).toBeVisible();
|
||||
}
|
||||
|
||||
// Escribe una nota en la sección privada de una columna (se guarda con Enter).
|
||||
async function writeNote(col: Locator, text: string) {
|
||||
await col.getByTestId("note-input").fill(text);
|
||||
await col.getByTestId("note-input").press("Enter");
|
||||
await expect(col.getByTestId("private-note").last()).toBeVisible();
|
||||
}
|
||||
|
||||
test("crea un board, pide nombre obligatorio y muestra columnas", async ({ page }) => {
|
||||
await createBoard(page, "Sprint 42");
|
||||
await expect(page.getByTestId("name")).toBeVisible();
|
||||
await expect(page.getByTestId("column")).toHaveCount(0);
|
||||
|
||||
await page.getByTestId("name").fill("Fede");
|
||||
await page.getByTestId("join").click();
|
||||
|
||||
await expect(page.getByTestId("column")).toHaveCount(3);
|
||||
});
|
||||
|
||||
test("una nota privada no la ve nadie hasta publicarla", async ({ browser }) => {
|
||||
const ctxA = await browser.newContext();
|
||||
const ctxB = await browser.newContext();
|
||||
const alice = await ctxA.newPage();
|
||||
const bob = await ctxB.newPage();
|
||||
|
||||
const url = await createBoard(alice, "Retro privada");
|
||||
await joinAs(alice, url, "Alice");
|
||||
await joinAs(bob, url, "Bob");
|
||||
|
||||
const aliceCol = alice.getByTestId("column").first();
|
||||
await writeNote(aliceCol, "algo privado");
|
||||
|
||||
// Bob no ve nada: ni nota pública ni la privada de Alice
|
||||
await expect(bob.getByTestId("note")).toHaveCount(0);
|
||||
await expect(bob.getByTestId("private-note")).toHaveCount(0);
|
||||
|
||||
// Alice publica su nota
|
||||
await aliceCol.getByTestId("publish").first().click();
|
||||
|
||||
// ahora es pública para Bob (la ve como párrafo de solo lectura)
|
||||
await expect(bob.getByTestId("note")).toHaveCount(1);
|
||||
await expect(bob.getByTestId("note-text")).toHaveText("algo privado");
|
||||
|
||||
await ctxA.close();
|
||||
await ctxB.close();
|
||||
});
|
||||
|
||||
test("Publish all publica todas mis notas de la columna", async ({ page }) => {
|
||||
const url = await createBoard(page, "Retro publish all");
|
||||
await joinAs(page, url, "Vera");
|
||||
|
||||
const col = page.getByTestId("column").first();
|
||||
await writeNote(col, "una");
|
||||
await writeNote(col, "dos");
|
||||
await expect(col.getByTestId("private-note")).toHaveCount(2);
|
||||
|
||||
await col.getByTestId("publish-all").click();
|
||||
|
||||
await expect(col.getByTestId("private-note")).toHaveCount(0);
|
||||
await expect(col.getByTestId("note")).toHaveCount(2);
|
||||
});
|
||||
|
||||
test("votar una nota publicada y exportar markdown con el conteo", async ({ page, request }) => {
|
||||
const url = await createBoard(page, "Retro votos");
|
||||
const boardId = url.split("/b/")[1];
|
||||
await joinAs(page, url, "Vera");
|
||||
|
||||
const col = page.getByTestId("column").first();
|
||||
await writeNote(col, "idea top");
|
||||
await col.getByTestId("publish").first().click();
|
||||
await expect(page.getByTestId("note")).toHaveCount(1);
|
||||
|
||||
// votar: con totales ocultos el botón marca "✓" (mi voto), no el total
|
||||
await page.getByTestId("vote").first().click();
|
||||
await expect(page.getByTestId("vote").first()).toHaveClass(/voted/);
|
||||
|
||||
// el moderador revela los votos -> ahora se ve el total
|
||||
await page.getByTestId("reveal-votes").click();
|
||||
await expect(page.getByTestId("vote").first()).toContainText("1");
|
||||
|
||||
const res = await request.get(`http://localhost:3001/api/boards/${boardId}/export`);
|
||||
expect(res.status()).toBe(200);
|
||||
const md = await res.text();
|
||||
expect(md).toContain("# Retro votos");
|
||||
expect(md).toContain("idea top — _Vera_ (1 👍)");
|
||||
});
|
||||
|
||||
test("el timer compartido arranca para todos los participantes", async ({ browser }) => {
|
||||
const ctxA = await browser.newContext();
|
||||
const ctxB = await browser.newContext();
|
||||
const alice = await ctxA.newPage();
|
||||
const bob = await ctxB.newPage();
|
||||
|
||||
const url = await createBoard(alice, "Retro timer");
|
||||
await joinAs(alice, url, "Alice");
|
||||
await joinAs(bob, url, "Bob");
|
||||
|
||||
await alice.getByRole("button", { name: /5\s*min/i }).click();
|
||||
|
||||
await expect(alice.locator(".timer .clock")).toHaveText(/0[0-4]:\d{2}/);
|
||||
await expect(bob.locator(".timer .clock")).toHaveText(/0[0-4]:\d{2}/);
|
||||
|
||||
await ctxA.close();
|
||||
await ctxB.close();
|
||||
});
|
||||
Reference in New Issue
Block a user