|
|
@ -11,24 +11,45 @@ import { expect, test } from './_fixture'; |
|
|
|
|
|
|
|
|
test.beforeEach(async ({ page, appName, schemaName }) => { |
|
|
test.beforeEach(async ({ page, appName, schemaName }) => { |
|
|
await page.goto(`/app/${appName}/content/${schemaName}`); |
|
|
await page.goto(`/app/${appName}/content/${schemaName}`); |
|
|
|
|
|
await page.getByRole('combobox').selectOption('3: 50'); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test('create content', async ({ page }) => { |
|
|
test('create content and close', async ({ page }) => { |
|
|
const contentText = await createRandomContent(page); |
|
|
const contentText = await createRandomContent(page, 'SaveAndClose'); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await expect(contentRow).toBeVisible(); |
|
|
await expect(contentRow).toBeVisible(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test('create content as published', async ({ page }) => { |
|
|
test('create content and edit', async ({ page }) => { |
|
|
const contentText = await createRandomContent(page, true); |
|
|
await createRandomContent(page, 'SaveAndEdit'); |
|
|
|
|
|
|
|
|
|
|
|
await expect(page.getByRole('button', { name: /Draft/ })).toBeVisible(); |
|
|
|
|
|
await expect(page.getByLabel('Identity')).toBeVisible(); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
test('create content and add another', async ({ page }) => { |
|
|
|
|
|
await createRandomContent(page, 'SaveAndAdd'); |
|
|
|
|
|
|
|
|
|
|
|
await expect(page.locator('sqx-field-editor').getByRole('textbox')).toBeEmpty(); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
test('create content as published and edit', async ({ page }) => { |
|
|
|
|
|
await createRandomContent(page, 'SavePublishAndEdit'); |
|
|
|
|
|
|
|
|
|
|
|
await expect(page.getByRole('button', { name: /Published/ })).toBeVisible(); |
|
|
|
|
|
await expect(page.getByLabel('Identity')).toBeVisible(); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
test('create content as published and close', async ({ page }) => { |
|
|
|
|
|
const contentText = await createRandomContent(page, 'SavePublishAndClose'); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await expect(contentRow.getByLabel('Published')).toBeVisible(); |
|
|
await expect(contentRow.getByLabel('Published')).toBeVisible(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test('update content', async ({ page }) => { |
|
|
test('update content', async ({ page }) => { |
|
|
const contentText = await createRandomContent(page); |
|
|
const contentText = await createRandomContent(page, 'SaveAndClose'); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.click(); |
|
|
await contentRow.click(); |
|
|
@ -37,7 +58,7 @@ test('update content', async ({ page }) => { |
|
|
|
|
|
|
|
|
// Define content value.
|
|
|
// Define content value.
|
|
|
await page.locator('sqx-field-editor').getByRole('textbox').fill(contentUpdate); |
|
|
await page.locator('sqx-field-editor').getByRole('textbox').fill(contentUpdate); |
|
|
await saveContent(page, false); |
|
|
await saveContent(page, 'Save'); |
|
|
|
|
|
|
|
|
await page.getByRole('button', { name: 'Save', exact: true }).click(); |
|
|
await page.getByRole('button', { name: 'Save', exact: true }).click(); |
|
|
|
|
|
|
|
|
@ -67,8 +88,10 @@ const states = [{ |
|
|
}]; |
|
|
}]; |
|
|
|
|
|
|
|
|
states.forEach(({ state, currentState, initialPublished }) => { |
|
|
states.forEach(({ state, currentState, initialPublished }) => { |
|
|
|
|
|
const mode: SaveMode = initialPublished ? 'SavePublishAndClose' : 'SaveAndClose'; |
|
|
|
|
|
|
|
|
test(`change content to ${state}`, async ({ dropdown, page }) => { |
|
|
test(`change content to ${state}`, async ({ dropdown, page }) => { |
|
|
const contentText = await createRandomContent(page, initialPublished); |
|
|
const contentText = await createRandomContent(page, mode); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.getByLabel('Options').click(); |
|
|
await contentRow.getByLabel('Options').click(); |
|
|
@ -79,7 +102,7 @@ states.forEach(({ state, currentState, initialPublished }) => { |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test(`change content to ${state} by checkbox`, async ({ page }) => { |
|
|
test(`change content to ${state} by checkbox`, async ({ page }) => { |
|
|
const contentText = await createRandomContent(page, initialPublished); |
|
|
const contentText = await createRandomContent(page, mode); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.getByRole('checkbox').click(); |
|
|
await contentRow.getByRole('checkbox').click(); |
|
|
@ -90,7 +113,7 @@ states.forEach(({ state, currentState, initialPublished }) => { |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test(`change content to ${state} by detail page`, async ({ page }) => { |
|
|
test(`change content to ${state} by detail page`, async ({ page }) => { |
|
|
const contentText = await createRandomContent(page, initialPublished); |
|
|
const contentText = await createRandomContent(page, mode); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.click(); |
|
|
await contentRow.click(); |
|
|
@ -103,7 +126,16 @@ states.forEach(({ state, currentState, initialPublished }) => { |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test('delete content', async ({ dropdown, page }) => { |
|
|
test('delete content', async ({ dropdown, page }) => { |
|
|
const contentText = await createRandomContent(page); |
|
|
await createRandomContent(page, 'SaveAndEdit'); |
|
|
|
|
|
|
|
|
|
|
|
await page.getByLabel('Options').click(); |
|
|
|
|
|
await dropdown.delete(); |
|
|
|
|
|
|
|
|
|
|
|
await expect(page.getByLabel('Identity')).not.toBeVisible(); |
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
test('delete content by options', async ({ dropdown, page }) => { |
|
|
|
|
|
const contentText = await createRandomContent(page, 'SaveAndClose'); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.getByLabel('Options').click(); |
|
|
await contentRow.getByLabel('Options').click(); |
|
|
@ -113,7 +145,7 @@ test('delete content', async ({ dropdown, page }) => { |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
test('delete content by checkbox', async ({ page }) => { |
|
|
test('delete content by checkbox', async ({ page }) => { |
|
|
const contentText = await createRandomContent(page); |
|
|
const contentText = await createRandomContent(page, 'SaveAndClose'); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
const contentRow = page.locator('tr', { hasText: escapeRegex(contentText) }); |
|
|
|
|
|
|
|
|
await contentRow.getByRole('checkbox').click(); |
|
|
await contentRow.getByRole('checkbox').click(); |
|
|
@ -123,28 +155,56 @@ test('delete content by checkbox', async ({ page }) => { |
|
|
await expect(contentRow).not.toBeVisible(); |
|
|
await expect(contentRow).not.toBeVisible(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
async function createRandomContent(page: Page, publish = false) { |
|
|
async function createRandomContent(page: Page, mode: SaveMode) { |
|
|
const contentText = `content-${getRandomId()}`; |
|
|
const contentText = `content-${getRandomId()}`; |
|
|
|
|
|
|
|
|
await page.getByRole('button', { name: /New/ }).click(); |
|
|
await page.getByRole('button', { name: /New/ }).click(); |
|
|
|
|
|
|
|
|
// Define content value.
|
|
|
// Define content value.
|
|
|
await page.locator('sqx-field-editor').getByRole('textbox').fill(contentText); |
|
|
await page.locator('sqx-field-editor').getByRole('textbox').fill(contentText); |
|
|
await saveContent(page, publish); |
|
|
await saveContent(page, mode); |
|
|
|
|
|
|
|
|
// Wait for the success alert.
|
|
|
// Wait for the success alert.
|
|
|
await page.getByLabel('Identity').waitFor({ state: 'visible' }); |
|
|
await page.getByRole('alert').getByText('Content created successfully.').waitFor({ state: 'visible' }); |
|
|
|
|
|
|
|
|
// Go back
|
|
|
|
|
|
await page.getByLabel('Back').click(); |
|
|
|
|
|
|
|
|
|
|
|
return contentText; |
|
|
return contentText; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
async function saveContent(page: Page, publish: boolean) { |
|
|
type SaveMode = |
|
|
if (publish) { |
|
|
'Save' | |
|
|
await page.getByRole('button', { name: 'Save and Publish', exact: true }).click(); |
|
|
'SaveAndAdd' | |
|
|
} else { |
|
|
'SaveAndClose' | |
|
|
await page.getByRole('button', { name: 'Save', exact: true }).click(); |
|
|
'SaveAndEdit' | |
|
|
|
|
|
'SavePublishAndAdd' | |
|
|
|
|
|
'SavePublishAndClose' | |
|
|
|
|
|
'SavePublishAndEdit'; |
|
|
|
|
|
|
|
|
|
|
|
async function saveContent(page: Page, mode: SaveMode) { |
|
|
|
|
|
switch (mode) { |
|
|
|
|
|
case 'SaveAndAdd': |
|
|
|
|
|
await page.getByLabel('Save', { exact: true }).getByLabel('More').click(); |
|
|
|
|
|
await page.getByText('Save & add another').click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'SaveAndClose': |
|
|
|
|
|
await page.getByLabel('Save', { exact: true }).getByLabel('More').click(); |
|
|
|
|
|
await page.getByText('Save & close').click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'SaveAndEdit': |
|
|
|
|
|
await page.getByRole('button', { name: 'Save', exact: true }).click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'SavePublishAndAdd': |
|
|
|
|
|
await page.getByLabel('Save and Publish').getByLabel('More').click(); |
|
|
|
|
|
await page.getByText('Save and Publish & add another').click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'SavePublishAndClose': |
|
|
|
|
|
await page.getByLabel('Save and Publish').getByLabel('More').click(); |
|
|
|
|
|
await page.getByText('Save and Publish & close').click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'SavePublishAndEdit': |
|
|
|
|
|
await page.getByRole('button', { name: 'Save and Publish' }).click(); |
|
|
|
|
|
break; |
|
|
|
|
|
case 'Save': |
|
|
|
|
|
await page.getByRole('button', { name: 'Save', exact: true }).click(); |
|
|
|
|
|
break; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
Sebastian Stehle
2 years ago
GitHub