[TEST] Authentication flows (sign-up, sign-in, sign-out, Pro gating)

[jbaddley]

Routes

• All tool pages (auth modal can appear anywhere)
• /pricing

Scenarios to test

Auth modal

• Clicking "Sign in" in the header opens the auth modal
• The modal has email + password fields and a submit button
• The modal has a "Sign up" toggle to switch to registration mode
• "Sign in with Google" button is visible
• Pressing Escape closes the modal
• Clicking outside the modal closes it

Sign-up (with test credentials)

• Entering a valid email and password and clicking "Sign Up" creates an account
• After sign-up the modal closes and the user's name/email is visible in the header
• Attempting to sign up with an already-used email shows an error

Sign-in

• Entering correct credentials signs the user in
• The header updates to show the signed-in state (avatar or name)
• Entering wrong credentials shows an "Invalid credentials" error
• After sign-in, refreshing the page keeps the user signed in (session persistence)

Sign-out

• A sign-out option is accessible from the user menu
• Clicking sign-out clears the session
• After sign-out the header shows the sign-in button

Pro feature gating

• As a non-Pro user, the AI Upscale section in Print Prep shows an upgrade prompt
• The upgrade prompt links to or opens the pricing/upgrade flow
• /pricing page renders with plan comparison and an upgrade CTA

Google Drive section visibility

• Google Drive import section in Print Prep is hidden for logged-out users
• It becomes visible after signing in (even as free user)

Notes

• Use a dedicated test account or Playwright's storageState to avoid relying on real credentials
• Mock Google OAuth to avoid external dependencies in CI

Acceptance criteria

• Sign-in and sign-out complete without errors
• Pro-gated features show correct UI for both free and Pro users