Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
60
Server/wwwroot/package/dist/collection/components/search-field/search-field.e2e.js
vendored
Normal file
60
Server/wwwroot/package/dist/collection/components/search-field/search-field.e2e.js
vendored
Normal file
@ -0,0 +1,60 @@
|
||||
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
|
Reference in New Issue
Block a user