bot/apps/viewer/playwright/tests/webhook.spec.ts

import test, { expect } from '@playwright/test'
import { createWebhook, importTypebotInDatabase } from '../services/database'
import cuid from 'cuid'
import path from 'path'
import { typebotViewer } from '../services/selectorUtils'
import { HttpMethod } from 'models'

test('should execute webhooks properly', async ({ page }) => {
  const typebotId = cuid()
  await importTypebotInDatabase(
    path.join(__dirname, '../fixtures/typebots/webhook.json'),
    { id: typebotId, publicId: `${typebotId}-public` }
  )
  await createWebhook(typebotId, {
    id: 'success-webhook',
    url: 'http://localhost:3001/api/mock/success',
    method: HttpMethod.POST,
  })
  await createWebhook(typebotId, {
    id: 'failed-webhook',
    url: 'http://localhost:3001/api/mock/fail',
    method: HttpMethod.POST,
  })

  await page.goto(`/${typebotId}-public`)
  await Promise.all([
    page.waitForResponse(
      async (resp) =>
        resp.request().url().includes(`/api/typebots/${typebotId}/blocks`) &&
        resp.status() === 200 &&
        (await resp.json()).statusCode === 200
    ),
    typebotViewer(page).locator('text=Send success webhook').click(),
  ])
  await Promise.all([
    page.waitForResponse(
      async (resp) =>
        resp.request().url().includes(`/api/typebots/${typebotId}/blocks`) &&
        resp.status() === 200 &&
        (await resp.json()).statusCode === 500
    ),
    typebotViewer(page).locator('text=Send failed webhook').click(),
  ])
  await page.goto(`http://localhost:3000/typebots/${typebotId}/results`)
  await page.click('text="See logs"')
  await expect(
    page.locator('text="Webhook successfuly executed."')
  ).toBeVisible()
  await expect(page.locator('text="Webhook returned an error"')).toBeVisible()
})