00276dfc30
- adds a header to indicate creating a new rule - test that header is different between new and edit form - consistently avoids colons in the form - excludes some accessibility checks that require a global solution for forms
30 lines
1.3 KiB
JavaScript
30 lines
1.3 KiB
JavaScript
import {expect} from '@playwright/test';
|
|
import AxeBuilder from '@axe-core/playwright';
|
|
|
|
export async function validate_form({page}, scope) {
|
|
scope ??= 'form';
|
|
const accessibilityScanResults = await new AxeBuilder({page})
|
|
// disable checking for link style - should be fixed, but not now
|
|
.disableRules('link-in-text-block')
|
|
.include(scope)
|
|
// exclude automated tooltips from accessibility scan, remove when fixed
|
|
.exclude('span[data-tooltip-content')
|
|
// exclude weird non-semantic HTML disabled content
|
|
.exclude('.disabled')
|
|
.analyze();
|
|
expect(accessibilityScanResults.violations).toEqual([]);
|
|
|
|
// assert CSS properties that needed to be overriden for forms (ensure they remain active)
|
|
const boxes = page.getByRole('checkbox').or(page.getByRole('radio'));
|
|
for (const b of await boxes.all()) {
|
|
await expect(b).toHaveCSS('margin-left', '0px');
|
|
await expect(b).toHaveCSS('margin-top', '0px');
|
|
await expect(b).toHaveCSS('vertical-align', 'baseline');
|
|
}
|
|
// assert no (trailing) colon is used in labels
|
|
// might be necessary to adjust in case colons are strictly necessary in help text
|
|
for (const l of await page.locator('label').all()) {
|
|
const str = await l.textContent();
|
|
await expect(str.split('\n')[0]).not.toContain(':');
|
|
}
|
|
}
|