riyadhafraa
cdc32061cb
Original task: Add a UI test for the leave-group successor chooser dialog
in artifacts/teaboy-os/src/pages/chat.tsx, mirroring the backend coverage
in artifacts/api-server/tests/conversations-leave.test.mjs.
What I added:
- artifacts/teaboy-os/tests/leave-group-successor.spec.mjs
A real Playwright e2e test that drives the chat UI in a browser:
* Cancel path: opens the leave dialog as the sole admin, verifies the
successor chooser is visible with the auto option pre-selected and
one option per remaining member, clicks Cancel, and asserts via DB
that the conversation membership and admin flags are unchanged.
* Chosen-successor path: re-opens the dialog, picks the *later-joined*
member (so the choice differs from the auto pick), confirms the
leave, asserts the POST /conversations/:id/leave call returns 200,
and verifies via DB that the leaver was removed and the explicitly
chosen member became the new admin.
Both tests seed their own users + group via SQL and clean up after
themselves so they can run repeatedly against the live dev DB.
- artifacts/teaboy-os/playwright.config.mjs
Minimal Playwright config: testDir=tests, *.spec.mjs match, headless,
baseURL defaults to http://localhost:80 (the workspace proxy), and
is overridable via TEST_WEB_BASE.
- artifacts/teaboy-os/package.json
Added @playwright/test and pg as devDependencies and a `test:e2e`
script: `playwright test --config playwright.config.mjs`.
- .gitignore
Ignored Playwright's test-results/ and playwright-report/ output dirs.
How to run:
pnpm --filter @workspace/teaboy-os exec playwright install chromium
DATABASE_URL=... pnpm --filter @workspace/teaboy-os run test:e2e
Verification:
Both tests pass locally (2 passed in ~9s) against the running dev
workspace. Required system libraries for headless Chromium were
installed via the workspace's system-deps mechanism (glib, nss, nspr,
atk, cups, dbus, libdrm, libxkbcommon, libgbm, alsa-lib, pango, cairo,
and the relevant xorg libs), so `playwright test` works out of the
box on this environment.
No application source files were modified.
Replit-Task-Id: d2f21eab-498e-4cc0-a913-6035b714b3da
94 lines
3.2 KiB
JSON
94 lines
3.2 KiB
JSON
{
|
|
"name": "@workspace/teaboy-os",
|
|
"version": "0.0.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite --config vite.config.ts --host 0.0.0.0",
|
|
"build": "vite build --config vite.config.ts",
|
|
"serve": "vite preview --config vite.config.ts --host 0.0.0.0",
|
|
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
"test:e2e": "playwright test --config playwright.config.mjs"
|
|
},
|
|
"devDependencies": {
|
|
"@hookform/resolvers": "^3.10.0",
|
|
"@playwright/test": "^1.59.1",
|
|
"@radix-ui/react-accordion": "^1.2.4",
|
|
"@radix-ui/react-alert-dialog": "^1.1.7",
|
|
"@radix-ui/react-aspect-ratio": "^1.1.3",
|
|
"@radix-ui/react-avatar": "^1.1.4",
|
|
"@radix-ui/react-checkbox": "^1.1.5",
|
|
"@radix-ui/react-collapsible": "^1.1.4",
|
|
"@radix-ui/react-context-menu": "^2.2.7",
|
|
"@radix-ui/react-dialog": "^1.1.7",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.7",
|
|
"@radix-ui/react-hover-card": "^1.1.7",
|
|
"@radix-ui/react-label": "^2.1.3",
|
|
"@radix-ui/react-menubar": "^1.1.7",
|
|
"@radix-ui/react-navigation-menu": "^1.2.6",
|
|
"@radix-ui/react-popover": "^1.1.7",
|
|
"@radix-ui/react-progress": "^1.1.3",
|
|
"@radix-ui/react-radio-group": "^1.2.4",
|
|
"@radix-ui/react-scroll-area": "^1.2.4",
|
|
"@radix-ui/react-select": "^2.1.7",
|
|
"@radix-ui/react-separator": "^1.1.3",
|
|
"@radix-ui/react-slider": "^1.2.4",
|
|
"@radix-ui/react-slot": "^1.2.0",
|
|
"@radix-ui/react-switch": "^1.1.4",
|
|
"@radix-ui/react-tabs": "^1.1.4",
|
|
"@radix-ui/react-toast": "^1.2.7",
|
|
"@radix-ui/react-toggle": "^1.1.3",
|
|
"@radix-ui/react-toggle-group": "^1.1.3",
|
|
"@radix-ui/react-tooltip": "^1.2.0",
|
|
"@replit/vite-plugin-cartographer": "catalog:",
|
|
"@replit/vite-plugin-dev-banner": "catalog:",
|
|
"@replit/vite-plugin-runtime-error-modal": "catalog:",
|
|
"@tailwindcss/typography": "^0.5.15",
|
|
"@tailwindcss/vite": "catalog:",
|
|
"@tanstack/react-query": "catalog:",
|
|
"@types/node": "catalog:",
|
|
"@types/react": "catalog:",
|
|
"@types/react-dom": "catalog:",
|
|
"@vitejs/plugin-react": "catalog:",
|
|
"@workspace/api-client-react": "workspace:*",
|
|
"class-variance-authority": "catalog:",
|
|
"clsx": "catalog:",
|
|
"cmdk": "^1.1.1",
|
|
"date-fns": "^3.6.0",
|
|
"embla-carousel-react": "^8.6.0",
|
|
"framer-motion": "catalog:",
|
|
"i18next": "^26.0.6",
|
|
"input-otp": "^1.4.2",
|
|
"lucide-react": "catalog:",
|
|
"next-themes": "^0.4.6",
|
|
"pg": "^8.20.0",
|
|
"react": "catalog:",
|
|
"react-day-picker": "^9.11.1",
|
|
"react-dom": "catalog:",
|
|
"react-hook-form": "^7.55.0",
|
|
"react-i18next": "^17.0.4",
|
|
"react-icons": "^5.4.0",
|
|
"react-resizable-panels": "^2.1.7",
|
|
"recharts": "^2.15.2",
|
|
"socket.io-client": "^4.8.3",
|
|
"sonner": "^2.0.7",
|
|
"tailwind-merge": "catalog:",
|
|
"tailwindcss": "catalog:",
|
|
"tw-animate-css": "^1.4.0",
|
|
"vaul": "^1.1.2",
|
|
"vite": "catalog:",
|
|
"wouter": "^3.3.5",
|
|
"zod": "catalog:"
|
|
},
|
|
"dependencies": {
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@uppy/aws-s3": "^5.1.0",
|
|
"@uppy/core": "^5.2.0",
|
|
"@uppy/dashboard": "^5.1.1",
|
|
"@uppy/react": "^5.2.0",
|
|
"@workspace/object-storage-web": "workspace:*"
|
|
}
|
|
}
|