fix: CSidebarNavItem: allow adding 'size' prop in 'icon' object #76

Author: woothu

src/components/template/CSidebarNavItem.vue

@@ -70,8 +70,9 @@ export default {
     },
     computedIcon () {
       if (typeof this.icon === 'object') {
+        const key = this.icon.size ? 'class' : 'customClasses'
         return Object.assign(
-          { customClasses: 'c-sidebar-nav-icon' },
+          { [`${key}`]: 'c-sidebar-nav-icon' },
           this.icon
         )
       } else {

src/components/template/tests/CSidebarNavItem.spec.js

@@ -43,4 +43,10 @@ describe(`${ComponentName}.vue`, () => {
   it('renders correctly in label mode', () => {
     expect(wrapperLabel.element).toMatchSnapshot()
   })
+  it('assign correct classes in case of custom icon size', () => {
+    wrapperLabel.setProps({ icon: { name: 'cui-settings', size: 'lg' }})
+    expect(wrapperLabel.find('svg').classes().join(',')).toBe(
+      'c-icon,c-icon-lg,c-sidebar-nav-icon'
+    )
+  })
 })