fix(test): provide theme in button component

Author: codebender828

src/components/Button/button.test.js

@@ -1,13 +1,17 @@
 import { shallowMount } from '@vue/test-utils'
 import Button from './index.vue'
+import Theme from '../../../kiwi.config'
 
 describe('===== Button Component =====', () => {
   let button
   describe('Instance Tests', () => {
     it('should be a Vue instance', () => {
       button = shallowMount(Button, {
-        provide: {
-          KiwiTheme: {}
+        provide () {
+          return {
+            $theme: () => Theme,
+            $colorMode: 'light'
+          }
         }
       })
       expect(button.isVueInstance()).toBeTruthy()

src/components/ThemeProvider/index.test.js

@@ -5,7 +5,7 @@ import Theme from '../../../kiwi.config'
 describe('===== ThemeProvider Component =====', () => {
   let themeProvider
   const ChildComponent = {
-    inject: ['KiwiTheme'],
+    inject: ['$theme', '$colorMode'],
     render: h => h('div', {})
   }
 
@@ -18,12 +18,17 @@ describe('===== ThemeProvider Component =====', () => {
     expect(themeProvider.isVueInstance()).toBeTruthy()
   })
 
-  it('should provide theme to child components', () => {
+  it('should provide theme & default color mode to child components', () => {
     themeProvider = shallowMount(ThemeProvider, {
       slots: {
         default: [ChildComponent]
+      },
+      propsData: {
+        theme: Theme,
+        colorMode: 'light'
       }
     })
-    expect(themeProvider.find(ChildComponent).vm.KiwiTheme).toBe(Theme)
+    expect(themeProvider.find(ChildComponent).vm.$theme()).toBe(Theme)
+    expect(themeProvider.find(ChildComponent).vm.$colorMode).toBe('light')
   })
 })