@public-ui/components
Version:
Contains all web components that belong to KoliBri - The accessible HTML-Standard.
38 lines (37 loc) • 1.92 kB
JavaScript
/*!
* KoliBri - The accessible HTML-Standard
*/
import { expect } from "@playwright/test";
import { test } from "@stencil/playwright";
import { setContentWithRetry } from "./utils/setContentWithRetry";
const testInputMessage = (componentName) => {
test.describe('Input messages', () => {
test(`should render a message when provided as object`, async ({ page }) => {
await page.setContent(`<${componentName} _label="Input" _msg="{'_description': 'This is a info message', '_type': 'info'}"></${componentName}>`);
const alert = page.getByTestId('alert');
await expect(alert).toHaveCount(0);
const input = page.locator(componentName);
await input.evaluate((element) => {
element._touched = true;
});
await expect(alert).toContainText('This is a info message');
});
test(`should render a error message when provided as string`, async ({ page }) => {
await page.setContent(`<${componentName} _label="Input" _msg="This is a string error message" _touched></${componentName}>`);
const alert = page.getByTestId('alert');
await expect(alert).toContainText('This is a string error message');
});
test('should display and hide message based on _msg value', async ({ page }) => {
await setContentWithRetry(page, `<${componentName} _label="Input" _msg="{'_description': 'An error message', '_type': 'error'}" _touched></${componentName}>`);
const alert = page.getByTestId('alert');
await expect(alert).toBeVisible();
const input = page.locator(componentName);
await input.evaluate((element) => {
element._msg = undefined;
});
await expect(alert).not.toBeVisible();
});
});
};
export { testInputMessage };
//# sourceMappingURL=input-msg.js.map