filter list component tests

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": [

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] },