mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.0 KiB
87 lines
3.0 KiB
import { expect, Page } from '@playwright/test';
|
|
import { escapeRegex, getRandomId } from '../utils';
|
|
import { test } from './_fixture';
|
|
|
|
test.beforeEach(async ({ page, appName }) => {
|
|
await page.goto(`/app/${appName}/rules`);
|
|
});
|
|
|
|
test('create rule', async ({ page }) => {
|
|
const ruleName = await createRandomRule(page);
|
|
const ruleCard = page.locator('div.card', { hasText: escapeRegex(ruleName) });
|
|
|
|
await expect(ruleCard).toBeVisible();
|
|
});
|
|
|
|
test('delete rule', async ({ dropdown, page }) => {
|
|
const ruleName = await createRandomRule(page);
|
|
const ruleCard = page.locator('div.card', { hasText: escapeRegex(ruleName) });
|
|
|
|
await ruleCard.getByLabel('Options').click();
|
|
await dropdown.delete();
|
|
|
|
await expect(ruleCard).not.toBeVisible();
|
|
});
|
|
|
|
test('disable rule', async ({ dropdown, page }) => {
|
|
const ruleName = await createRandomRule(page);
|
|
const ruleCard = page.locator('div.card', { hasText: escapeRegex(ruleName) });
|
|
|
|
await ruleCard.getByLabel('Options').click();
|
|
await dropdown.action('Disable');
|
|
|
|
await expect(ruleCard.locator('sqx-toggle .toggle-container')).toHaveAttribute('data-state', 'unchecked');
|
|
});
|
|
|
|
test('enable rule', async ({ dropdown, page }) => {
|
|
const ruleName = await createRandomRule(page);
|
|
const ruleCard = page.locator('div.card', { hasText: escapeRegex(ruleName) });
|
|
|
|
await ruleCard.getByLabel('Options').click();
|
|
await dropdown.action('Disable');
|
|
|
|
await expect(ruleCard.locator('sqx-toggle .toggle-container')).toHaveAttribute('data-state', 'unchecked');
|
|
|
|
await ruleCard.getByLabel('Options').click();
|
|
await dropdown.action('Enable');
|
|
|
|
await expect(ruleCard.locator('sqx-toggle .toggle-container')).toHaveAttribute('data-state', 'checked');
|
|
});
|
|
|
|
test('edit rule', async ({ dropdown, page }) => {
|
|
const ruleName = await createRandomRule(page);
|
|
const ruleCard = page.locator('div.card', { hasText: escapeRegex(ruleName) });
|
|
|
|
await ruleCard.getByLabel('Options').click();
|
|
await dropdown.action('Edit');
|
|
|
|
await expect(page.getByText('Enabled')).toBeVisible();
|
|
});
|
|
|
|
async function createRandomRule(page: Page) {
|
|
const ruleName = `rule-${getRandomId()}`;
|
|
|
|
await page.getByRole('link', { name: /New Rule/ }).click();
|
|
|
|
// Define rule action
|
|
await page.getByText('Content changed').click();
|
|
|
|
// Define rule trigger
|
|
await page.getByText('Webhook').click();
|
|
// This is the only required field, so we have to enter some text.
|
|
await page.locator('sqx-formattable-input').first().getByRole('textbox').fill('https:/squidex.io');
|
|
|
|
await page.getByRole('button', { name: 'Save' }).click();
|
|
|
|
await page.getByText('Enabled').waitFor({ state: 'visible' });
|
|
|
|
// Go back
|
|
await page.getByLabel('Back').click();
|
|
|
|
// Define rule name.
|
|
await page.locator('div.card', { hasText: /Unnamed Rule/ }).getByRole('heading').first().dblclick();
|
|
await page.locator('form').getByRole('textbox').fill(ruleName);
|
|
await page.locator('form').getByLabel('Save').click();
|
|
|
|
return ruleName;
|
|
}
|