Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
61 lines
2.8 KiB
JavaScript
61 lines
2.8 KiB
JavaScript
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('SearchField', () => {
|
|
it('should render', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-search-field></ifx-search-field>');
|
|
const searchInput = await page.find('ifx-search-field');
|
|
expect(searchInput).toHaveClass('hydrated');
|
|
const wrapper = await page.find('ifx-search-field >>> .search-field__wrapper');
|
|
expect(wrapper).toHaveClass('search-field__wrapper');
|
|
const input = await page.find('ifx-search-field >>> input');
|
|
expect(await input.getProperty('placeholder')).toBe('Search...');
|
|
expect(await input.getProperty('disabled')).toBeFalsy();
|
|
expect(await input.getProperty('value')).toBe('');
|
|
const deleteIcon = await page.find('ifx-search-field >>> .delete-icon');
|
|
expect(deleteIcon).toBeNull();
|
|
});
|
|
it('should update value on input', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-search-field></ifx-search-field>');
|
|
const input = await page.find('ifx-search-field >>> input');
|
|
await input.press('KeyA');
|
|
await input.press('KeyB');
|
|
expect(await input.getProperty('value')).toBe('ab');
|
|
});
|
|
it('should emit ifxInput event on input change', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-search-field></ifx-search-field>');
|
|
const input = await page.find('ifx-search-field >>> input');
|
|
await input.press('KeyA');
|
|
});
|
|
it('should clear input on delete icon click', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-search-field show-delete-icon value="Search text"></ifx-search-field>');
|
|
const searchField = await page.find('ifx-search-field');
|
|
const deleteIcon = await searchField.find('.delete-icon');
|
|
const input = await searchField.find('input');
|
|
const eventSpy = await page.spyOnEvent('ifxInput');
|
|
if (deleteIcon) {
|
|
await deleteIcon.click();
|
|
}
|
|
if (!input) {
|
|
console.error('Input not found!');
|
|
return; // Exit the test early.
|
|
}
|
|
expect(await input.getProperty('value')).toBe('');
|
|
expect(eventSpy).toHaveReceivedEventDetail(null);
|
|
});
|
|
it('should set focus on input click', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-search-field></ifx-search-field>');
|
|
const input = await page.find('ifx-search-field >>> input');
|
|
const wrapper = await page.find('ifx-search-field >>> .search-field__wrapper');
|
|
await wrapper.click();
|
|
expect(await input.getProperty('value')).toBe('');
|
|
expect(await input.getProperty('disabled')).toBeFalsy();
|
|
expect(await input.getProperty('placeholder')).toBe('Search...');
|
|
expect(await wrapper.getProperty('className')).toContain('focused');
|
|
});
|
|
});
|
|
//# sourceMappingURL=search-field.e2e.js.map
|