Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
50 lines
2.3 KiB
JavaScript
50 lines
2.3 KiB
JavaScript
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('ifx-text-field', () => {
|
|
it('renders', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field></ifx-text-field>');
|
|
const element = await page.find('ifx-text-field');
|
|
expect(element).toHaveClass('hydrated');
|
|
});
|
|
it('renders placeholder', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field placeholder="Testing placeholder"></ifx-text-field>');
|
|
const input = await page.find('ifx-text-field >>> input');
|
|
expect(await input.getProperty('placeholder')).toEqual('Testing placeholder');
|
|
});
|
|
it('renders disabled', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field disabled></ifx-text-field>');
|
|
const input = await page.find('ifx-text-field >>> input');
|
|
expect(await input.getProperty('disabled')).toBeTruthy();
|
|
});
|
|
it('handles value change', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field></ifx-text-field>');
|
|
const input = await page.find('ifx-text-field >>> input');
|
|
const newValue = 'New value';
|
|
await input.type(newValue);
|
|
expect(await input.getProperty('value')).toBe(newValue);
|
|
});
|
|
it('renders with error', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field error caption="Invalid input"></ifx-text-field>');
|
|
const errorDiv = await page.find('ifx-text-field >>> .textInput__bottom-wrapper-caption.error');
|
|
expect(errorDiv.innerText).toBe('Invalid input');
|
|
});
|
|
it('renders with success', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field success></ifx-text-field>');
|
|
const input = await page.find('ifx-text-field >>> input');
|
|
expect(input).toHaveClass('success');
|
|
});
|
|
it('renders with icon', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-text-field icon="chevron-down-16"></ifx-text-field>'); // Set the icon attribute with a valid icon name
|
|
await page.waitForChanges(); // Wait for any potential asynchronous updates
|
|
const icon = await page.find('ifx-text-field >>> ifx-icon');
|
|
expect(icon).not.toBeNull();
|
|
});
|
|
});
|
|
//# sourceMappingURL=text-field.e2e.js.map
|