bfed599695
Introducing more menu items on the "Publised" button in the editor. You can now unpublish a typebot and close it to new responses
100 lines
3.6 KiB
TypeScript
100 lines
3.6 KiB
TypeScript
import test, { expect } from '@playwright/test'
|
|
import {
|
|
createTypebots,
|
|
importTypebotInDatabase,
|
|
} from 'utils/playwright/databaseActions'
|
|
import { parseDefaultGroupWithBlock } from 'utils/playwright/databaseHelpers'
|
|
import { defaultChoiceInputOptions, InputBlockType, ItemType } from 'models'
|
|
import cuid from 'cuid'
|
|
import path from 'path'
|
|
import { typebotViewer } from 'utils/playwright/testHelpers'
|
|
|
|
test.describe.parallel('Buttons input block', () => {
|
|
test('can edit button items', async ({ page }) => {
|
|
const typebotId = cuid()
|
|
await createTypebots([
|
|
{
|
|
id: typebotId,
|
|
...parseDefaultGroupWithBlock({
|
|
type: InputBlockType.CHOICE,
|
|
items: [
|
|
{
|
|
id: 'choice1',
|
|
blockId: 'block1',
|
|
type: ItemType.BUTTON,
|
|
},
|
|
],
|
|
options: { ...defaultChoiceInputOptions },
|
|
}),
|
|
},
|
|
])
|
|
|
|
await page.goto(`/typebots/${typebotId}/edit`)
|
|
await page.fill('input[value="Click to edit"]', 'Item 1')
|
|
await page.press('input[value="Item 1"]', 'Enter')
|
|
await page.fill('input[value="Click to edit"]', 'Item 2')
|
|
await page.press('input[value="Item 2"]', 'Enter')
|
|
await page.fill('input[value="Click to edit"]', 'Item 3')
|
|
await page.press('input[value="Item 3"]', 'Enter')
|
|
await page.press('input[value="Click to edit"]', 'Escape')
|
|
await page.click('text=Item 2', { button: 'right' })
|
|
await page.click('text=Delete')
|
|
await expect(page.locator('text=Item 2')).toBeHidden()
|
|
|
|
await page.click('text=Preview')
|
|
const item3Button = typebotViewer(page).locator('button >> text=Item 3')
|
|
await item3Button.click()
|
|
await expect(item3Button).toBeHidden()
|
|
await expect(typebotViewer(page).locator('text=Item 3')).toBeVisible()
|
|
await page.click('button[aria-label="Close"]')
|
|
|
|
await page.click('[data-testid="block1-icon"]')
|
|
await page.click('text=Multiple choice?')
|
|
await page.fill('#button', 'Go')
|
|
await page.click('[data-testid="block1-icon"]')
|
|
|
|
await page.locator('text=Item 1').hover()
|
|
await page.waitForTimeout(1000)
|
|
await page.click('[aria-label="Add item"]')
|
|
await page.fill('input[value="Click to edit"]', 'Item 2')
|
|
await page.press('input[value="Item 2"]', 'Enter')
|
|
|
|
await page.click('text=Preview')
|
|
|
|
await typebotViewer(page).locator('button >> text="Item 3"').click()
|
|
await typebotViewer(page).locator('button >> text="Item 1"').click()
|
|
await typebotViewer(page).locator('text=Go').click()
|
|
|
|
await expect(
|
|
typebotViewer(page).locator('text="Item 3, Item 1"')
|
|
).toBeVisible()
|
|
})
|
|
})
|
|
|
|
test('Variable buttons should work', async ({ page }) => {
|
|
const typebotId = cuid()
|
|
await importTypebotInDatabase(
|
|
path.join(__dirname, '../../fixtures/typebots/inputs/variableButton.json'),
|
|
{
|
|
id: typebotId,
|
|
}
|
|
)
|
|
|
|
await page.goto(`/typebots/${typebotId}/edit`)
|
|
await page.click('text=Preview')
|
|
await typebotViewer(page).locator('text=Variable item').click()
|
|
await expect(typebotViewer(page).locator('text=Variable item')).toBeVisible()
|
|
await expect(typebotViewer(page).locator('text=Ok great!')).toBeVisible()
|
|
await page.click('text="Item 1"')
|
|
await page.fill('input[value="Item 1"]', '{{Item 2}}')
|
|
await page.click('[data-testid="block1-icon"]')
|
|
await page.click('text=Multiple choice?')
|
|
await page.click('text="Restart"')
|
|
await typebotViewer(page).locator('text="Variable item" >> nth=0').click()
|
|
await typebotViewer(page).locator('text="Variable item" >> nth=1').click()
|
|
await typebotViewer(page).locator('text="Send"').click()
|
|
await expect(
|
|
typebotViewer(page).locator('text="Variable item, Variable item"')
|
|
).toBeVisible()
|
|
})
|