chore: replace custom test fixture with global setup

frontend/console/e2e/echo.spec.ts

@@ -1,7 +1,7 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 import { navigateToDecl } from './helpers'
 
-ftlTest('shows echo verb form', async ({ page }) => {
+test('shows echo verb form', async ({ page }) => {
   await navigateToDecl(page, 'echo', 'echo')
 
   await expect(page.getByText('CALL', { exact: true })).toBeVisible()
@@ -12,7 +12,7 @@ ftlTest('shows echo verb form', async ({ page }) => {
   await expect(page.getByText('JSONSchema', { exact: true })).toBeVisible()
 })
 
-ftlTest('send echo request', async ({ page }) => {
+test('send echo request', async ({ page }) => {
   await navigateToDecl(page, 'echo', 'echo')
 
   // Check the initial value of the path input
@@ -31,7 +31,7 @@ ftlTest('send echo request', async ({ page }) => {
   await expect(responseEditor).toBeVisible()
 
   const responseText = await responseEditor.textContent()
-  const responseJson = JSON.parse(responseText.trim())
+  const responseJson = JSON.parse(responseText?.trim() || '{}')
 
   const expectedStart = 'Hello, wicket!!! It is '
   expect(responseJson.message.startsWith(expectedStart)).toBe(true)

frontend/console/e2e/events.spec.ts

@@ -1,6 +1,6 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 
-ftlTest('defaults to the events page', async ({ page }) => {
+test('defaults to the events page', async ({ page }) => {
   await page.goto('http://localhost:8892')
   const eventsNavItem = page.getByRole('link', { name: 'Events' })
 

frontend/console/e2e/global-setup.ts

@@ -0,0 +1,25 @@
+import { type FullConfig, chromium } from '@playwright/test'
+
+const globalSetup = async (config: FullConfig) => {
+  console.log('Waiting for server to be available...')
+
+  const browser = await chromium.launch({ headless: false })
+  const context = await browser.newContext()
+  const page = await context.newPage()
+  await page.goto('http://localhost:8892/modules')
+
+  console.log('Waiting for modules to load...')
+  await page.waitForFunction(
+    () => {
+      const moduleNames = ['time', 'echo', 'cron', 'fsm', 'http', 'pubsub']
+
+      return moduleNames.every((module) => document.querySelector(`li#module-tree-module-${module}`) !== null)
+    },
+    { timeout: 120000 },
+  )
+  console.log('Modules loaded!')
+
+  await browser.close()
+}
+
+export default globalSetup

frontend/console/e2e/helpers.ts

@@ -1,6 +1,7 @@
 import { type Page, expect } from '@playwright/test'
 
 export async function navigateToModule(page: Page, moduleName: string) {
+  await page.goto('http://localhost:8892/modules')
   await page.getByRole('link', { name: 'Modules' }).click()
 
   // Navigate to the module page

frontend/console/e2e/infrastructure.spec.ts

@@ -1,6 +1,7 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 
-ftlTest('shows infrastructure', async ({ page }) => {
+test('shows infrastructure', async ({ page }) => {
+  await page.goto('http://localhost:8892')
   const infrastructureNavItem = page.getByRole('link', { name: 'Infrastructure' })
   await infrastructureNavItem.click()
   await expect(page).toHaveURL(/\/infrastructure\/controllers$/)

frontend/console/e2e/ingress-http.spec.ts

@@ -1,7 +1,7 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 import { navigateToDecl } from './helpers'
 
-ftlTest('shows http ingress form', async ({ page }) => {
+test('shows http ingress form', async ({ page }) => {
   await navigateToDecl(page, 'http', 'get')
 
   await expect(page.locator('#call-type')).toHaveText('GET')
@@ -12,7 +12,7 @@ ftlTest('shows http ingress form', async ({ page }) => {
   await expect(page.getByText('JSONSchema', { exact: true })).toBeVisible()
 })
 
-ftlTest('send get request with path and query params', async ({ page }) => {
+test('send get request with path and query params', async ({ page }) => {
   await navigateToDecl(page, 'http', 'get')
 
   // Check the initial value of the path input
@@ -29,15 +29,15 @@ ftlTest('send get request with path and query params', async ({ page }) => {
   await expect(responseEditor).toBeVisible()
 
   const responseText = await responseEditor.textContent()
-  const responseJson = JSON.parse(responseText)
+  const responseJson = JSON.parse(responseText?.trim() || '{}')
 
   expect(responseJson).toEqual({
     age: '10',
     name: 'wicket',
   })
 })
 
-ftlTest('send post request with body', async ({ page }) => {
+test('send post request with body', async ({ page }) => {
   await navigateToDecl(page, 'http', 'post')
 
   // Check the initial value of the path input
@@ -56,7 +56,7 @@ ftlTest('send post request with body', async ({ page }) => {
   await expect(responseEditor).toBeVisible()
 
   const responseText = await responseEditor.textContent()
-  const responseJson = JSON.parse(responseText)
+  const responseJson = JSON.parse(responseText?.trim() || '{}')
 
   expect(responseJson).toEqual({
     age: 10,

frontend/console/e2e/module.spec.ts

@@ -1,7 +1,7 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 import { navigateToModule } from './helpers'
 
-ftlTest('shows verbs for deployment', async ({ page }) => {
+test('shows verbs for deployment', async ({ page }) => {
   await navigateToModule(page, 'echo')
 
   await expect(page.getByText('module echo {')).toBeVisible()

frontend/console/e2e/modules.spec.ts

@@ -1,6 +1,7 @@
-import { expect, ftlTest } from './ftl-test'
+import { expect, test } from '@playwright/test'
 
-ftlTest('shows active modules', async ({ page }) => {
+test('shows active modules', async ({ page }) => {
+  await page.goto('http://localhost:8892')
   const modulesNavItem = page.getByRole('link', { name: 'Modules' })
   await modulesNavItem.click()
   await expect(page).toHaveURL(/\/modules$/)

frontend/console/playwright.config.ts

@@ -1,10 +1,12 @@
 import { defineConfig, devices } from '@playwright/test'
+import { PlaywrightTestConfig } from '@playwright/test';
 
 /**
  * See https://playwright.dev/docs/test-configuration.
  */
-export default defineConfig({
+const config: PlaywrightTestConfig = {
   testDir: './e2e',
+  globalSetup: './e2e/global-setup.ts',
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
   forbidOnly: !!process.env.CI,
@@ -44,4 +46,6 @@ export default defineConfig({
     /* If the test ends up needing to pull the postgres docker image, this can take a while. Give it a few minutes. */
     timeout: 180000,
   },
-})
+}
+
+export default config