diff --git a/components/counter/docs/api.md b/components/counter/docs/api.md index e881113d..06df971e 100644 --- a/components/counter/docs/api.md +++ b/components/counter/docs/api.md @@ -59,6 +59,9 @@ ## Slots -| Name | Description | -|-----------|----------------------------| -| `Default` | Slot for counter elements. | +| Name | Description | +|-------------|--------------------------------------------------| +| `Default` | Slot for counter elements. | +| `HelpText` | Dropdown help text content. Only used when `isDropdown` is true. | +| `Label` | Dropdown label content. Only used when `isDropdown` is true. | +| `ValueText` | Dropdown value text display. Only used when `isDropdown` is true. | diff --git a/components/counter/src/auro-counter-group.js b/components/counter/src/auro-counter-group.js index f96a1a09..e8388207 100644 --- a/components/counter/src/auro-counter-group.js +++ b/components/counter/src/auro-counter-group.js @@ -28,6 +28,9 @@ import './auro-counter-wrapper.js'; * @element auro-counter-group * @extends LitElement * @slot Default - Slot for counter elements. + * @slot Label - Dropdown label content. Only used when `isDropdown` is true. + * @slot ValueText - Dropdown value text display. Only used when `isDropdown` is true. + * @slot HelpText - Dropdown help text content. Only used when `isDropdown` is true. */ export class AuroCounterGroup extends LitElement { constructor() { diff --git a/components/counter/test/auro-counter-group.test.js b/components/counter/test/auro-counter-group.test.js index 5982bf8f..ed6ac7f8 100644 --- a/components/counter/test/auro-counter-group.test.js +++ b/components/counter/test/auro-counter-group.test.js @@ -201,24 +201,6 @@ describe('auro-counter-group: rendering logic', () => { expect(el.counters[1].value).to.equal(0); }); - /* - No matter what I try, I can't get this test to pass. - I can see in the test browser that the default dropdown - trigger content renders, but the test fails. - */ - - // it('make sure default dropdown trigger content renders correctly', async () => { - // const el = await fixture(html` - // - // counter1 - // counter2 - // - // `); - // await elementUpdated(el); - // const defaultTriggerSlot = el.shadowRoot.querySelector('div[slot="trigger"] slot[name="valueText"]'); - // expect(defaultTriggerSlot.assignedNodes()[0].textContent.trim()).to.equal('Select'); - // }); - it('renders the correct value text in the dropdown trigger slot', async () => { const el = await fixture(html`