diff --git a/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/__tests__/quanticSearchBoxInput.test.js b/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/__tests__/quanticSearchBoxInput.test.js index dfe2fa2867d..be7c2c4d74d 100644 --- a/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/__tests__/quanticSearchBoxInput.test.js +++ b/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/__tests__/quanticSearchBoxInput.test.js @@ -802,6 +802,22 @@ describe('c-quantic-search-box-input', () => { expect(input.style.height).toEqual(expectedCollapsedInputHeight); }); }); + + describe('when the component renders with a value in the input', () => { + it('should display the clear icon', async () => { + const element = createTestComponent({ + ...defaultOptions, + inputValue: mockInputValue, + textarea: textareaValue, + }); + await flushPromises(); + + const clearIcon = element.shadowRoot.querySelector( + selectors.searchBoxClearIcon + ); + expect(clearIcon).not.toBeNull(); + }); + }); }); }); }); diff --git a/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/quanticSearchBoxInput.js b/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/quanticSearchBoxInput.js index 59263c111ee..9225625de64 100644 --- a/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/quanticSearchBoxInput.js +++ b/packages/quantic/force-app/main/default/lwc/quanticSearchBoxInput/quanticSearchBoxInput.js @@ -348,7 +348,7 @@ export default class QuanticSearchBoxInput extends LightningElement { } get isQueryEmpty() { - return !this.input?.value?.length; + return !this.input?.value && !this.inputValue; } /**