diff --git a/projects/ion/src/lib/button/button.component.html b/projects/ion/src/lib/button/button.component.html index eaee602e6..7845b666a 100644 --- a/projects/ion/src/lib/button/button.component.html +++ b/projects/ion/src/lib/button/button.component.html @@ -34,7 +34,7 @@ diff --git a/projects/ion/src/lib/button/button.component.spec.ts b/projects/ion/src/lib/button/button.component.spec.ts index e3fb14d76..b0dbe7e54 100644 --- a/projects/ion/src/lib/button/button.component.spec.ts +++ b/projects/ion/src/lib/button/button.component.spec.ts @@ -357,6 +357,17 @@ describe('ButtonComponent with dropdown', () => { expect(screen.getByTestId('badge-multiple')).toBeInTheDocument(); expect(screen.getByTestId('badge-multiple')).toHaveTextContent('0'); }); + + it('should not render an ion-badge when the dropdown is set to multiple but the button is circular', async () => { + await sut({ + label: defaultName, + multiple: true, + circularButton: true, + options: [{ label: 'Option 1' }, { label: 'Option 2' }], + }); + + expect(screen.queryByTestId('badge-multiple')).not.toBeInTheDocument(); + }); }); it('should emit an event when option is selected', async () => { diff --git a/stories/Button.stories.mdx b/stories/Button.stories.mdx index 410562ca0..64581bbc3 100644 --- a/stories/Button.stories.mdx +++ b/stories/Button.stories.mdx @@ -295,6 +295,30 @@ O Ion, Suporta 4 tamanhos padrões para botões. Basta configurar a propriedade template: ``, }} + + {{ + template: ` + + `, + }} +