diff --git a/package.json b/package.json index 0454970b..ed494aa5 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@aotearoan/neon", "description": "Neon is a lightweight design library of VueJS components with minimal dependencies. It supports light and dark modes and can be extended to support multiple themes", - "version": "4.1.16", + "version": "4.1.17", "main": "dist/@aotearoan/neon.umd.js", "types": "dist/@aotearoan/components.d.ts", "files": [ diff --git a/src/components/user-input/filter-list/NeonFilterList.spec.ts b/src/components/user-input/filter-list/NeonFilterList.spec.ts index 88fe6ec9..234c7b94 100644 --- a/src/components/user-input/filter-list/NeonFilterList.spec.ts +++ b/src/components/user-input/filter-list/NeonFilterList.spec.ts @@ -234,6 +234,27 @@ describe('NeonFilterList', () => { expect(el.attributes().tabindex).toEqual('0'); }); + it('renders show more label', () => { + const showMoreLabel = 'xdd'; + const wrapper = mount(NeonFilterList, { + propsData: { items, value: [], displayCount: 2, showMoreLabel }, + }); + expect(wrapper.find('.neon-filter-list__show-toggle').text()).toEqual(showMoreLabel); + }); + + it('renders show less label', (done) => { + const showLessLabel = 'xdd'; + const showMoreLabel = 'show more'; + const wrapper = mount(NeonFilterList, { + propsData: { items, value: [], displayCount: 2, showMoreLabel, showLessLabel }, + }); + wrapper.find('.neon-filter-list__show-toggle').trigger('click'); + setTimeout(() => { + expect(wrapper.find('.neon-filter-list__show-toggle').text()).toEqual(showLessLabel); + done(); + }); + }); + it('emits input on click multiple', () => { const wrapper = mount(NeonFilterList, { propsData: { items, value: [items[1].key] },