playwright.config.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. import { resolve } from 'node:path'
  2. import { defineConfig, devices } from '@playwright/test'
  3. /**
  4. * End-to-end tests: the app in a real browser, against a real Postgres.
  5. *
  6. * The 190-odd vitest files mock Prisma, so they prove the actions think
  7. * correctly and nothing else. These prove the parts that only break when the
  8. * pieces are assembled: migrations, the session cookie, server actions wired to
  9. * forms, and the invoice numbering that customers actually see.
  10. *
  11. * Deliberately serial against one seeded database. Parallel workers sharing a
  12. * quote counter would fail on each other's numbers rather than on real bugs.
  13. */
  14. const baseURL = process.env.E2E_BASE_URL ?? 'http://127.0.0.1:3100'
  15. const port = new URL(baseURL).port || '3100'
  16. /** The database the harness is allowed to destroy. Never the dev one. */
  17. const databaseUrl = process.env.E2E_DATABASE_URL ?? ''
  18. /** Where the mail sink listens: SMTP for the app, HTTP for the specs. */
  19. const smtpPort = process.env.E2E_SMTP_PORT ?? '1025'
  20. const mailApiPort = process.env.E2E_MAIL_API_PORT ?? '8025'
  21. /**
  22. * A mail server that delivers nothing, so the specs can read what the app
  23. * posted. Started whether or not the suite starts the app: pointed at a
  24. * server somebody else launched, that server is told to send here too.
  25. */
  26. /** Where the stand-in payment vendor listens, for the app and for the specs. */
  27. const paymentPort = process.env.E2E_PAYMENT_PORT ?? '8026'
  28. const paymentSinkUrl = `http://127.0.0.1:${paymentPort}`
  29. /**
  30. * Stripe and PayPal as far as the app can tell, with a checkout page a spec
  31. * can pay on. Started in every mode, like the mail sink: a server somebody
  32. * else launched is told to use it through the two base URLs below.
  33. */
  34. const paymentSink = {
  35. command: 'npx tsx e2e/payment-sink.ts',
  36. url: `${paymentSinkUrl}/health`,
  37. reuseExistingServer: !process.env.CI,
  38. timeout: 60_000,
  39. stdout: 'pipe' as const,
  40. stderr: 'pipe' as const,
  41. env: { E2E_PAYMENT_PORT: paymentPort },
  42. }
  43. /**
  44. * Which app the run is against. The suite's specs expect a self-hosted
  45. * install, where every feature is unlocked. `E2E_MODE=cloud` runs only
  46. * `specs/cloud`, against the same build started in cloud mode: plan limits,
  47. * the sign-up pitch and Google sign-in exist only there. One build serves
  48. * both, because the app URL baked into it is the same.
  49. */
  50. const cloud = process.env.E2E_MODE === 'cloud'
  51. /**
  52. * Cloud mode needs a token torqvoice.com signed for the app's URL, or the app
  53. * ignores TORQVOICE_MODE and runs self-hosted (see src/lib/cloud-instance.ts).
  54. * The run is handed one in E2E_CLOUD_TOKEN (a repository secret in CI), minted
  55. * once for http://127.0.0.1:3100 with scripts/mint-cloud-token.mjs on
  56. * torqvoice.com. The run used to mint its own from the signing key, which put
  57. * the key behind every licence in the environment of npm ci and every
  58. * dependency's install script; a token bound to a loopback origin is worth
  59. * nothing outside this suite. There is no test key the app would accept
  60. * instead: that would be a second way in.
  61. */
  62. function cloudToken(): string {
  63. const token = process.env.E2E_CLOUD_TOKEN?.trim()
  64. if (!token) {
  65. const origin = new URL(baseURL).origin
  66. throw new Error(
  67. `E2E_MODE=cloud needs E2E_CLOUD_TOKEN, a cloud token minted for ${origin} (on torqvoice.com: node --env-file=.env scripts/mint-cloud-token.mjs ${origin}).`
  68. )
  69. }
  70. return token
  71. }
  72. /** Where the Google stand-in listens, for the app's server and for the specs. */
  73. const googlePort = process.env.E2E_GOOGLE_PORT ?? '8027'
  74. const googleStandinUrl = `http://127.0.0.1:${googlePort}`
  75. /**
  76. * Google's account chooser and token endpoint, for the cloud run. The browser
  77. * is routed to it by the specs; the app's server is pointed at it by a
  78. * preload, because better-auth has Google's endpoints written into it.
  79. */
  80. const googleStandin = {
  81. command: 'npx tsx e2e/google-standin.ts',
  82. url: `${googleStandinUrl}/health`,
  83. reuseExistingServer: !process.env.CI,
  84. timeout: 60_000,
  85. stdout: 'pipe' as const,
  86. stderr: 'pipe' as const,
  87. env: { E2E_GOOGLE_PORT: googlePort },
  88. }
  89. /** Where the torqvoice.com stand-in listens, for the app's server and for the specs. */
  90. const torqvoiceComPort = process.env.E2E_TORQVOICE_COM_PORT ?? '8028'
  91. const torqvoiceComUrl = `http://127.0.0.1:${torqvoiceComPort}`
  92. /** Shared with the app as TORQVOICE_SERVICE_SECRET; throwaway, like the auth secret. */
  93. const serviceSecret = 'e2e-service-secret-0123456789abcdef'
  94. /**
  95. * torqvoice.com for the cloud run: the bearer API the app calls for the
  96. * billing portal, cancel, resume and upgrade, the checkout page a purchase
  97. * hands the browser to, and the account link. Tokens are verified there
  98. * the way the real site verifies them.
  99. */
  100. const torqvoiceComStandin = {
  101. command: 'npx tsx e2e/torqvoice-com-standin.ts',
  102. url: `${torqvoiceComUrl}/health`,
  103. reuseExistingServer: !process.env.CI,
  104. timeout: 60_000,
  105. stdout: 'pipe' as const,
  106. stderr: 'pipe' as const,
  107. env: { E2E_TORQVOICE_COM_PORT: torqvoiceComPort, E2E_SERVICE_SECRET: serviceSecret },
  108. }
  109. const mailSink = {
  110. command: 'npx tsx e2e/mail-sink.ts',
  111. url: `http://127.0.0.1:${mailApiPort}/health`,
  112. reuseExistingServer: !process.env.CI,
  113. timeout: 60_000,
  114. stdout: 'pipe' as const,
  115. stderr: 'pipe' as const,
  116. env: { E2E_SMTP_PORT: smtpPort, E2E_MAIL_API_PORT: mailApiPort },
  117. }
  118. export default defineConfig({
  119. testDir: './e2e',
  120. globalSetup: './e2e/global-setup.ts',
  121. timeout: 60_000,
  122. expect: { timeout: 10_000 },
  123. fullyParallel: false,
  124. workers: 1,
  125. forbidOnly: !!process.env.CI,
  126. retries: process.env.CI ? 1 : 0,
  127. // On CI the suite runs in shards, one job each, and every shard writes a
  128. // blob; the workflow's last job merges them into a single HTML report.
  129. reporter: process.env.CI ? [['github'], ['blob']] : [['list'], ['html', { open: 'never' }]],
  130. use: {
  131. baseURL,
  132. // Pinned, because selectors read visible text and the app speaks twelve
  133. // languages. The locale cookie is set alongside this in auth.setup.ts.
  134. locale: 'en-US',
  135. extraHTTPHeaders: { 'accept-language': 'en' },
  136. // Pinned for the same reason invoice dates are: a floating timezone turns
  137. // a date assertion into a coin toss either side of midnight.
  138. timezoneId: process.env.E2E_TZ ?? 'Europe/Oslo',
  139. trace: 'retain-on-failure',
  140. screenshot: 'only-on-failure',
  141. video: 'retain-on-failure',
  142. },
  143. projects: [
  144. { name: 'setup', testMatch: /auth\.setup\.ts/ },
  145. {
  146. name: 'chromium',
  147. use: { ...devices['Desktop Chrome'], storageState: 'e2e/.auth/owner.json' },
  148. dependencies: ['setup'],
  149. // The cloud specs need the app in cloud mode, and the rest need it
  150. // self-hosted, so each run takes only its own.
  151. ...(cloud ? { testMatch: /specs\/cloud\/.*\.spec\.ts$/ } : { testIgnore: /specs\/cloud\// }),
  152. },
  153. ],
  154. /**
  155. * The mail sink always; the app only when E2E_BASE_URL is unset, so pointing
  156. * the suite at a running container (or a staging host) is a matter of
  157. * setting one variable.
  158. *
  159. * `next start` and not `next dev`: the dev server compiles routes on first
  160. * visit, which turns the first assertion in every spec into a timeout race,
  161. * and it is not the artifact that ships anyway.
  162. */
  163. webServer: process.env.E2E_BASE_URL
  164. ? [mailSink, paymentSink, ...(cloud ? [googleStandin, torqvoiceComStandin] : [])]
  165. : [
  166. mailSink,
  167. paymentSink,
  168. ...(cloud ? [googleStandin, torqvoiceComStandin] : []),
  169. {
  170. // The database first, then the server, in one command: Playwright
  171. // starts this before global setup, and a server on an empty schema
  172. // fails the readiness check on every page.
  173. command: `npx tsx e2e/prepare-db.ts && npm run start -- --port ${port}`,
  174. url: baseURL,
  175. reuseExistingServer: !process.env.CI,
  176. // Sixty-odd migrations, the seed and its vehicle photos, then the
  177. // server: a cold CI runner needs longer than a warm laptop.
  178. timeout: process.env.CI ? 420_000 : 180_000,
  179. stdout: 'pipe',
  180. stderr: 'pipe',
  181. env: {
  182. E2E_DATABASE_URL: databaseUrl,
  183. DATABASE_URL: databaseUrl,
  184. NEXT_PUBLIC_APP_URL: baseURL,
  185. // Long and random enough that better-auth does not spend the run
  186. // warning about it. Throwaway: it signs sessions for a database
  187. // the harness resets, and CI generates its own per run.
  188. BETTER_AUTH_SECRET:
  189. process.env.BETTER_AUTH_SECRET ?? 'k3Qb8vZ1hN7pXtR2yJm5Ls9CwD4gFa6UeH0iOoT+PbY=',
  190. // The schedulers would otherwise tick through the run, writing to
  191. // the rows the specs are asserting on.
  192. DISABLE_BACKGROUND_JOBS: '1',
  193. // Demo mode blocks invites, billing and outbound messages. Tests want
  194. // the real behaviour, so it stays off.
  195. DEMO_MODE: 'false',
  196. // Three sign-ins per ten seconds is right for a workshop and wrong
  197. // for a suite that signs in on every test.
  198. AUTH_RATE_LIMIT: 'off',
  199. // `next start` also reads the developer's .env, which may say cloud.
  200. // Self-hosted unlocks every feature, which is what a suite that
  201. // exercises them needs; plan gates are a subject of their own.
  202. TORQVOICE_MODE: cloud ? 'cloud' : 'self-hosted',
  203. // Google sign-in exists only in cloud mode, and only with a client
  204. // configured. The preload sends the server's token exchange to the
  205. // stand-in; outside the cloud run none of this is set.
  206. ...(cloud
  207. ? {
  208. GOOGLE_AUTH_CLIENT_ID: 'e2e-google-client',
  209. GOOGLE_AUTH_CLIENT_SECRET: 'e2e-google-secret',
  210. E2E_GOOGLE_STANDIN_URL: googleStandinUrl,
  211. NODE_OPTIONS: `--import=${resolve('e2e/google-standin-preload.mjs')}`,
  212. TORQVOICE_CLOUD_TOKEN: cloudToken(),
  213. // Plans are sold on torqvoice.com; the stand-in plays it.
  214. // The link check forgets its answer after a second instead of
  215. // an hour or two minutes, so a spec can flip the stand-in's answer.
  216. TORQVOICE_SERVICE_SECRET: serviceSecret,
  217. // The server variable, not NEXT_PUBLIC_: that one is baked
  218. // into the bundle at build time and would point at the real site.
  219. TORQVOICE_COM_URL: torqvoiceComUrl,
  220. TORQVOICE_COM_LINK_TTL_SECONDS: '1',
  221. TORQVOICE_COM_LINK_RETRY_SECONDS: '1',
  222. }
  223. : {}),
  224. TZ: process.env.E2E_TZ ?? 'Europe/Oslo',
  225. // Mail goes to the sink instead of a provider. The app's SMTP
  226. // settings fall back to these when nothing is configured in the
  227. // database, which is how the seeded workshop is left.
  228. SMTP_HOST: '127.0.0.1',
  229. SMTP_PORT: smtpPort,
  230. SMTP_FROM_EMAIL: 'workshop@e2e.test',
  231. SMTP_SECURE: 'false',
  232. // Payments go to the stand-in vendor. Read only from the
  233. // environment, so nothing a workshop stores can redirect a key.
  234. STRIPE_API_BASE_URL: paymentSinkUrl,
  235. PAYPAL_API_BASE_URL: paymentSinkUrl,
  236. },
  237. },
  238. ],
  239. })