perf(e2e): ⚡️ Migrate to Playwright

2022-01-28 09:42:31 +01:00
parent c5aaa323d1
commit 73f277fce7
145 changed files with 3104 additions and 2346 deletions
--- a/apps/builder/playwright/tests/results.spec.ts
+++ b/apps/builder/playwright/tests/results.spec.ts
@ -0,0 +1,102 @@
+import test, { expect, Page } from '@playwright/test'
+import { readFileSync } from 'fs'
+import { InputStepType } from 'models'
+import { parse } from 'papaparse'
+import {
+  createResults,
+  createTypebots,
+  parseDefaultBlockWithStep,
+} from '../services/database'
+import { deleteButtonInConfirmDialog } from '../services/selectorUtils'
+
+const typebotId = 'typebot-for-results'
+
+test.describe('Results page', () => {
+  test('results should be deletable', async ({ page }) => {
+    await createTypebots([
+      {
+        id: typebotId,
+        ...parseDefaultBlockWithStep({ type: InputStepType.TEXT }),
+      },
+    ])
+    await createResults({ typebotId })
+    await page.goto(`/typebots/${typebotId}/results`)
+    await selectFirstResults(page)
+    await page.click('button:has-text("Delete2")')
+    await deleteButtonInConfirmDialog(page).click()
+    await expect(page.locator('text=content199')).toBeHidden()
+    await expect(page.locator('text=content198')).toBeHidden()
+    await page.check(':nth-match(input[type="checkbox"], 1)', { force: true })
+    await page.click('button:has-text("Delete198")')
+    await deleteButtonInConfirmDialog(page).click()
+    await expect(page.locator(':nth-match(tr, 2)')).toBeHidden()
+  })
+
+  test('submissions table should have infinite scroll', async ({ page }) => {
+    const scrollToBottom = () =>
+      page.evaluate(() => {
+        const tableWrapper = document.querySelector('.table-wrapper')
+        if (!tableWrapper) return
+        tableWrapper.scrollTo(0, tableWrapper.scrollHeight)
+      })
+
+    await createResults({ typebotId })
+    await page.goto(`/typebots/${typebotId}/results`)
+    await expect(page.locator('text=content199')).toBeVisible()
+
+    await expect(page.locator('text=content149')).toBeHidden()
+    await scrollToBottom()
+    await expect(page.locator('text=content149')).toBeVisible()
+
+    await expect(page.locator('text=content99')).toBeHidden()
+    await scrollToBottom()
+    await expect(page.locator('text=content99')).toBeVisible()
+
+    await expect(page.locator('text=content49')).toBeHidden()
+    await scrollToBottom()
+    await expect(page.locator('text=content49')).toBeVisible()
+    await expect(page.locator('text=content0')).toBeVisible()
+  })
+
+  test('should correctly export selection in CSV', async ({ page }) => {
+    await page.goto(`/typebots/${typebotId}/results`)
+    await selectFirstResults(page)
+    const [download] = await Promise.all([
+      page.waitForEvent('download'),
+      page.locator('button:has-text("Export2")').click(),
+    ])
+    const path = await download.path()
+    expect(path).toBeDefined()
+    const file = readFileSync(path as string).toString()
+    const { data } = parse(file)
+    validateExportSelection(data)
+
+    await page.check(':nth-match(input[type="checkbox"], 1)', { force: true })
+    const [downloadAll] = await Promise.all([
+      page.waitForEvent('download'),
+      page.locator('button:has-text("Export200")').click(),
+    ])
+    const pathAll = await downloadAll.path()
+    expect(pathAll).toBeDefined()
+    const fileAll = readFileSync(pathAll as string).toString()
+    const { data: dataAll } = parse(fileAll)
+    validateExportAll(dataAll)
+  })
+})
+
+const validateExportSelection = (data: unknown[]) => {
+  expect(data).toHaveLength(3)
+  expect((data[1] as unknown[])[1]).toBe('content199')
+  expect((data[2] as unknown[])[1]).toBe('content198')
+}
+
+const validateExportAll = (data: unknown[]) => {
+  expect(data).toHaveLength(201)
+  expect((data[1] as unknown[])[1]).toBe('content199')
+  expect((data[200] as unknown[])[1]).toBe('content0')
+}
+
+const selectFirstResults = async (page: Page) => {
+  await page.check(':nth-match(input[type="checkbox"], 2)', { force: true })
+  return page.check(':nth-match(input[type="checkbox"], 3)', { force: true })
+}