upstream-tldraw/apps/dotcom/client/e2e/tests/invite-signin.scenario.spec.ts

import { expect, test } from '../fixtures/scenario-test'

// Signed-out workspace invite sign-in dialog UX. The signed-in accept path
// lives in sharing-live.scenario.spec.ts; the sign-in-through-the-dialog flow
// lives in the legacy smoke suite, which can still drive a live Clerk sign-in.
test.describe.configure({ mode: 'parallel' })

test.describe('invite sign-in scenarios', () => {
	test('signed-out invite link shows the sign-in dialog over the anonymous editor', async ({
		owner,
		member,
		visitor,
		scenario,
	}) => {
		const { workspaceName, inviteUrl } = await scenario.createPendingWorkspaceInvite({
			owner,
			member,
			workspaceName: scenario.name('invite sign-in workspace'),
			fileName: scenario.name('invite sign-in file'),
		})

		// The invite route resolves to the root and keeps the ?invite marker, so
		// the anonymous editor renders behind the sign-in dialog (which names the
		// invited workspace) and the URL reflects the active invite flow.
		await visitor.page.goto(inviteUrl)
		await visitor.page.waitForURL('http://localhost:3000/?invite=true')
		await expect(visitor.signInDialog.googleButton).toBeVisible()
		await expect(visitor.page.locator('strong', { hasText: workspaceName })).toBeVisible()
		await expect(visitor.homePage.tldrawCanvas).toBeVisible()

		// Refreshing while the dialog is up keeps it: the marker is still in the URL.
		await visitor.page.reload()
		await visitor.waitForAppReady()
		await expect(visitor.signInDialog.googleButton).toBeVisible()

		// Dismissing clears the marker, leaving the visitor on the usable anonymous
		// editor at the bare root.
		await visitor.page.keyboard.press('Escape')
		await visitor.page.waitForURL('http://localhost:3000/')
		await expect(visitor.signInDialog.googleButton).not.toBeVisible()
		await expect(visitor.homePage.signInButton).toBeVisible()

		// With the marker cleared, a plain reload must not bring the dialog back.
		// The invite token deliberately lingers in session storage (so a later
		// sign-in still completes the join), but the marker, not the token, gates
		// the dialog. Waiting for app readiness lets the handler effect run, so the
		// absence is meaningful.
		await visitor.page.reload()
		await visitor.waitForAppReady()
		await expect(visitor.signInDialog.googleButton).not.toBeVisible()

		// Dismissing pushes rather than replaces, so the invite stays a real
		// back-navigable history state: going back re-activates the marker and the
		// dialog returns.
		await visitor.page.goBack()
		await visitor.page.waitForURL('http://localhost:3000/?invite=true')
		await expect(visitor.signInDialog.googleButton).toBeVisible()
		await expect(visitor.page.locator('strong', { hasText: workspaceName })).toBeVisible()
	})
})