diff --git a/projects/ion/src/lib/button/button.component.html b/projects/ion/src/lib/button/button.component.html index ed08903e4..eaee602e6 100644 --- a/projects/ion/src/lib/button/button.component.html +++ b/projects/ion/src/lib/button/button.component.html @@ -20,7 +20,7 @@ class="icon" > { userEvent.type(screen.getByTestId('input-element'), typeText); expect(searchEvent).toHaveBeenLastCalledWith(typeText); }); + + it('should not render the dropdown arrow when loading', async () => { + const options = [{ label: 'Option 1' }, { label: 'Option 2' }]; + + await sut({ + label: defaultName, + loading: true, + options, + }); + + const arrowDownIcon = document.getElementById('ion-icon-semi-down'); + const arrowUpIcon = document.getElementById('ion-icon-semi-up'); + + expect(arrowDownIcon).not.toBeInTheDocument(); + expect(arrowUpIcon).not.toBeInTheDocument(); + }); }); it('should close dropdown when click outside component', async () => { diff --git a/stories/Button.stories.mdx b/stories/Button.stories.mdx index 0559dca86..410562ca0 100644 --- a/stories/Button.stories.mdx +++ b/stories/Button.stories.mdx @@ -308,6 +308,19 @@ O Ion, Suporta 4 tamanhos padrões para botões. Basta configurar a propriedade }} secondary + + {{ + template: ``, + }} + secondary + - `enableSearch`. Adiciona um campo de busca no dropdown para realizar uma busca nas opções.