Skip to content
This repository was archived by the owner on Sep 20, 2024. It is now read-only.

Commit 456ff16

Browse files
codebender828codebender828
committed
fix: tests for theme provider
1 parent 7cbbf69 commit 456ff16

File tree

12 files changed

+175
-10
lines changed

12 files changed

+175
-10
lines changed

‎babel.config.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
module.exports = {
22
presets: [
3-
'@vue/app'
3+
'@vue/app',
4+
'@babel/preset-env'
45
]
56
}

‎jest.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ module.exports = {
88
transform: {
99
'^.+\\.vue$': 'vue-jest',
1010
'.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
11-
'^.+\\.jsx?$': 'babel-jest'
11+
'^.+\\.(js|jsx)?$': 'babel-jest'
1212
},
1313
transformIgnorePatterns: [
1414
'/node_modules/'

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"build-storybook": "build-storybook"
1313
},
1414
"dependencies": {
15+
"@babel/preset-env": "^7.6.3",
1516
"core-js": "^2.6.5",
1617
"css-loader": "^3.2.0",
1718
"esm": "^3.2.25",

‎src/App.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
<template>
22
<div>
33
{{ greeting }}
4-
<k-button>Simple text</k-button>
4+
<Button>Simple text</Button>
55
</div>
66
</template>
77

88
<script>
9-
import KButton from './components/Button/index'
9+
import Button from './components/Button/index'
1010
1111
export default {
1212
name: 'App',
1313
components: {
14-
KButton
14+
Button
1515
},
1616
data () {
1717
return {

‎src/components/Button/index.vue

-1
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,6 @@
2121
<script>
2222
export default {
2323
name: 'Button',
24-
inject: ['KiwiTheme'],
2524
props: {
2625
as: {
2726
type: String,

‎src/components/ThemeContext/index.js ‎src/components/ThemeProvider/index.js

File renamed without changes.

‎src/components/ThemeProvider/index.test.js

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import { shallowMount } from '@vue/test-utils'
2+
import ThemeProvider from '../ThemeProvider'
3+
import Theme from '../../../kiwi.config'
4+
5+
describe('===== ThemeProvider Component =====', () => {
6+
let themeProvider
7+
const ChildComponent = {
8+
inject: ['KiwiTheme'],
9+
render: h => h('div', {})
10+
}
11+
12+
it('should be a Vue component', () => {
13+
themeProvider = shallowMount(ThemeProvider, {
14+
slots: {
15+
default: [ChildComponent]
16+
}
17+
})
18+
expect(themeProvider.isVueInstance()).toBeTruthy()
19+
})
20+
21+
it('should provide theme to child components', () => {
22+
themeProvider = shallowMount(ThemeProvider, {
23+
slots: {
24+
default: [ChildComponent]
25+
}
26+
})
27+
expect(themeProvider.find(ChildComponent).vm.KiwiTheme).toBe(Theme)
28+
})
29+
})

‎src/lib/plugin/index.js

Whitespace-only changes.

‎src/lib/utils/index.js

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
import Logger from './logger'
2+
import { provideTheme } from './provide-theme'
23

34
export {
4-
Logger
5+
Logger,
6+
provideTheme
57
}

‎src/lib/utils/provide-theme.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import ThemeProvider from '../../components/ThemeProvider'
2+
3+
/**
4+
* @description Provides Kiwi theme to component
5+
* @param {Function} h Vue render function
6+
* @param {Vue.Component} Component - Vue component
7+
*/
8+
export const provideTheme = (h, Component) => {
9+
return h(ThemeProvider, {}, [h(Component)])
10+
}

‎src/main.js

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
import Vue from 'vue'
22
import App from './App.vue'
33
import './registerServiceWorker'
4-
import ThemeProvider from './components/ThemeContext/index.js'
4+
import { provideTheme } from '@/lib/utils'
55

66
Vue.config.productionTip = false
77

88
new Vue({
9-
render: h => h(ThemeProvider, {}, [h(App)])
9+
// Provide theme to the root of the application
10+
render: h => provideTheme(h, App)
1011
}).$mount('#app')

‎yarn.lock

+123-1
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,14 @@
280280
"@babel/helper-plugin-utils" "^7.0.0"
281281
"@babel/plugin-syntax-object-rest-spread" "^7.2.0"
282282

283+
"@babel/plugin-proposal-object-rest-spread@^7.6.2":
284+
version "7.6.2"
285+
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz#8ffccc8f3a6545e9f78988b6bf4fe881b88e8096"
286+
integrity sha512-LDBXlmADCsMZV1Y9OQwMc0MyGZ8Ta/zlD9N67BfQT8uYwkRswiu2hU6nJKrjrt/58aH/vqfQlR/9yId/7A2gWw==
287+
dependencies:
288+
"@babel/helper-plugin-utils" "^7.0.0"
289+
"@babel/plugin-syntax-object-rest-spread" "^7.2.0"
290+
283291
"@babel/plugin-proposal-optional-catch-binding@^7.2.0":
284292
version "7.2.0"
285293
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz#135d81edb68a081e55e56ec48541ece8065c38f5"
@@ -297,6 +305,15 @@
297305
"@babel/helper-regex" "^7.4.4"
298306
regexpu-core "^4.5.4"
299307

308+
"@babel/plugin-proposal-unicode-property-regex@^7.6.2":
309+
version "7.6.2"
310+
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.6.2.tgz#05413762894f41bfe42b9a5e80919bd575dcc802"
311+
integrity sha512-NxHETdmpeSCtiatMRYWVJo7266rrvAC3DTeG5exQBIH/fMIUK7ejDNznBbn3HQl/o9peymRRg7Yqkx6PdUXmMw==
312+
dependencies:
313+
"@babel/helper-plugin-utils" "^7.0.0"
314+
"@babel/helper-regex" "^7.4.4"
315+
regexpu-core "^4.6.0"
316+
300317
"@babel/plugin-syntax-async-generators@^7.2.0":
301318
version "7.2.0"
302319
resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.2.0.tgz#69e1f0db34c6f5a0cf7e2b3323bf159a76c8cb7f"
@@ -377,6 +394,14 @@
377394
"@babel/helper-plugin-utils" "^7.0.0"
378395
lodash "^4.17.13"
379396

397+
"@babel/plugin-transform-block-scoping@^7.6.3":
398+
version "7.6.3"
399+
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.6.3.tgz#6e854e51fbbaa84351b15d4ddafe342f3a5d542a"
400+
integrity sha512-7hvrg75dubcO3ZI2rjYTzUrEuh1E9IyDEhhB6qfcooxhDA33xx2MasuLVgdxzcP6R/lipAC6n9ub9maNW6RKdw==
401+
dependencies:
402+
"@babel/helper-plugin-utils" "^7.0.0"
403+
lodash "^4.17.13"
404+
380405
"@babel/plugin-transform-classes@^7.3.4", "@babel/plugin-transform-classes@^7.5.5":
381406
version "7.5.5"
382407
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.5.5.tgz#d094299d9bd680a14a2a0edae38305ad60fb4de9"
@@ -414,6 +439,15 @@
414439
"@babel/helper-regex" "^7.4.4"
415440
regexpu-core "^4.5.4"
416441

442+
"@babel/plugin-transform-dotall-regex@^7.6.2":
443+
version "7.6.2"
444+
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.6.2.tgz#44abb948b88f0199a627024e1508acaf8dc9b2f9"
445+
integrity sha512-KGKT9aqKV+9YMZSkowzYoYEiHqgaDhGmPNZlZxX6UeHC4z30nC1J9IrZuGqbYFB1jaIGdv91ujpze0exiVK8bA==
446+
dependencies:
447+
"@babel/helper-plugin-utils" "^7.0.0"
448+
"@babel/helper-regex" "^7.4.4"
449+
regexpu-core "^4.6.0"
450+
417451
"@babel/plugin-transform-duplicate-keys@^7.2.0", "@babel/plugin-transform-duplicate-keys@^7.5.0":
418452
version "7.5.0"
419453
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz#c5dbf5106bf84cdf691222c0974c12b1df931853"
@@ -501,6 +535,13 @@
501535
dependencies:
502536
regexp-tree "^0.1.13"
503537

538+
"@babel/plugin-transform-named-capturing-groups-regex@^7.6.3":
539+
version "7.6.3"
540+
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.6.3.tgz#aaa6e409dd4fb2e50b6e2a91f7e3a3149dbce0cf"
541+
integrity sha512-jTkk7/uE6H2s5w6VlMHeWuH+Pcy2lmdwFoeWCVnvIrDUnB5gQqTVI8WfmEAhF2CDEarGrknZcmSFg1+bkfCoSw==
542+
dependencies:
543+
regexpu-core "^4.6.0"
544+
504545
"@babel/plugin-transform-new-target@^7.0.0", "@babel/plugin-transform-new-target@^7.4.4":
505546
version "7.4.4"
506547
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.4.4.tgz#18d120438b0cc9ee95a47f2c72bc9768fbed60a5"
@@ -578,6 +619,13 @@
578619
dependencies:
579620
"@babel/helper-plugin-utils" "^7.0.0"
580621

622+
"@babel/plugin-transform-spread@^7.6.2":
623+
version "7.6.2"
624+
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.6.2.tgz#fc77cf798b24b10c46e1b51b1b88c2bf661bb8dd"
625+
integrity sha512-DpSvPFryKdK1x+EDJYCy28nmAaIMdxmhot62jAXF/o99iA33Zj2Lmcp3vDmz+MUh0LNYVPvfj5iC3feb3/+PFg==
626+
dependencies:
627+
"@babel/helper-plugin-utils" "^7.0.0"
628+
581629
"@babel/plugin-transform-sticky-regex@^7.2.0":
582630
version "7.2.0"
583631
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.2.0.tgz#a1e454b5995560a9c1e0d537dfc15061fd2687e1"
@@ -610,6 +658,15 @@
610658
"@babel/helper-regex" "^7.4.4"
611659
regexpu-core "^4.5.4"
612660

661+
"@babel/plugin-transform-unicode-regex@^7.6.2":
662+
version "7.6.2"
663+
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.6.2.tgz#b692aad888a7e8d8b1b214be6b9dc03d5031f698"
664+
integrity sha512-orZI6cWlR3nk2YmYdb0gImrgCUwb5cBUwjf6Ks6dvNVvXERkwtJWOQaEOjPiu0Gu1Tq6Yq/hruCZZOOi9F34Dw==
665+
dependencies:
666+
"@babel/helper-plugin-utils" "^7.0.0"
667+
"@babel/helper-regex" "^7.4.4"
668+
regexpu-core "^4.6.0"
669+
613670
"@babel/preset-env@^7.0.0 < 7.4.0":
614671
version "7.3.4"
615672
resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.3.4.tgz#887cf38b6d23c82f19b5135298bdb160062e33e1"
@@ -715,6 +772,62 @@
715772
js-levenshtein "^1.1.3"
716773
semver "^5.5.0"
717774

775+
"@babel/preset-env@^7.6.3":
776+
version "7.6.3"
777+
resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.6.3.tgz#9e1bf05a2e2d687036d24c40e4639dc46cef2271"
778+
integrity sha512-CWQkn7EVnwzlOdR5NOm2+pfgSNEZmvGjOhlCHBDq0J8/EStr+G+FvPEiz9B56dR6MoiUFjXhfE4hjLoAKKJtIQ==
779+
dependencies:
780+
"@babel/helper-module-imports" "^7.0.0"
781+
"@babel/helper-plugin-utils" "^7.0.0"
782+
"@babel/plugin-proposal-async-generator-functions" "^7.2.0"
783+
"@babel/plugin-proposal-dynamic-import" "^7.5.0"
784+
"@babel/plugin-proposal-json-strings" "^7.2.0"
785+
"@babel/plugin-proposal-object-rest-spread" "^7.6.2"
786+
"@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
787+
"@babel/plugin-proposal-unicode-property-regex" "^7.6.2"
788+
"@babel/plugin-syntax-async-generators" "^7.2.0"
789+
"@babel/plugin-syntax-dynamic-import" "^7.2.0"
790+
"@babel/plugin-syntax-json-strings" "^7.2.0"
791+
"@babel/plugin-syntax-object-rest-spread" "^7.2.0"
792+
"@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
793+
"@babel/plugin-transform-arrow-functions" "^7.2.0"
794+
"@babel/plugin-transform-async-to-generator" "^7.5.0"
795+
"@babel/plugin-transform-block-scoped-functions" "^7.2.0"
796+
"@babel/plugin-transform-block-scoping" "^7.6.3"
797+
"@babel/plugin-transform-classes" "^7.5.5"
798+
"@babel/plugin-transform-computed-properties" "^7.2.0"
799+
"@babel/plugin-transform-destructuring" "^7.6.0"
800+
"@babel/plugin-transform-dotall-regex" "^7.6.2"
801+
"@babel/plugin-transform-duplicate-keys" "^7.5.0"
802+
"@babel/plugin-transform-exponentiation-operator" "^7.2.0"
803+
"@babel/plugin-transform-for-of" "^7.4.4"
804+
"@babel/plugin-transform-function-name" "^7.4.4"
805+
"@babel/plugin-transform-literals" "^7.2.0"
806+
"@babel/plugin-transform-member-expression-literals" "^7.2.0"
807+
"@babel/plugin-transform-modules-amd" "^7.5.0"
808+
"@babel/plugin-transform-modules-commonjs" "^7.6.0"
809+
"@babel/plugin-transform-modules-systemjs" "^7.5.0"
810+
"@babel/plugin-transform-modules-umd" "^7.2.0"
811+
"@babel/plugin-transform-named-capturing-groups-regex" "^7.6.3"
812+
"@babel/plugin-transform-new-target" "^7.4.4"
813+
"@babel/plugin-transform-object-super" "^7.5.5"
814+
"@babel/plugin-transform-parameters" "^7.4.4"
815+
"@babel/plugin-transform-property-literals" "^7.2.0"
816+
"@babel/plugin-transform-regenerator" "^7.4.5"
817+
"@babel/plugin-transform-reserved-words" "^7.2.0"
818+
"@babel/plugin-transform-shorthand-properties" "^7.2.0"
819+
"@babel/plugin-transform-spread" "^7.6.2"
820+
"@babel/plugin-transform-sticky-regex" "^7.2.0"
821+
"@babel/plugin-transform-template-literals" "^7.4.4"
822+
"@babel/plugin-transform-typeof-symbol" "^7.2.0"
823+
"@babel/plugin-transform-unicode-regex" "^7.6.2"
824+
"@babel/types" "^7.6.3"
825+
browserslist "^4.6.0"
826+
core-js-compat "^3.1.1"
827+
invariant "^2.2.2"
828+
js-levenshtein "^1.1.3"
829+
semver "^5.5.0"
830+
718831
"@babel/runtime-corejs2@^7.2.0":
719832
version "7.6.0"
720833
resolved "https://registry.yarnpkg.com/@babel/runtime-corejs2/-/runtime-corejs2-7.6.0.tgz#6fcd37c2580070817d62f219db97f67e26f50f9c"
@@ -770,6 +883,15 @@
770883
lodash "^4.17.13"
771884
to-fast-properties "^2.0.0"
772885

886+
"@babel/types@^7.6.3":
887+
version "7.6.3"
888+
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.6.3.tgz#3f07d96f854f98e2fbd45c64b0cb942d11e8ba09"
889+
integrity sha512-CqbcpTxMcpuQTMhjI37ZHVgjBkysg5icREQIEZ0eG1yCNwg3oy+5AaLiOKmjsCj6nqOsa6Hf0ObjRVwokb7srA==
890+
dependencies:
891+
esutils "^2.0.2"
892+
lodash "^4.17.13"
893+
to-fast-properties "^2.0.0"
894+
773895
"@cypress/[email protected]":
774896
version "0.4.1"
775897
resolved "https://registry.yarnpkg.com/@cypress/listr-verbose-renderer/-/listr-verbose-renderer-0.4.1.tgz#a77492f4b11dcc7c446a34b3e28721afd33c642a"
@@ -10968,7 +11090,7 @@ regexpu-core@^1.0.0:
1096811090
regjsgen "^0.2.0"
1096911091
regjsparser "^0.1.4"
1097011092

10971-
regexpu-core@^4.5.4:
11093+
regexpu-core@^4.5.4, regexpu-core@^4.6.0:
1097211094
version "4.6.0"
1097311095
resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.6.0.tgz#2037c18b327cfce8a6fea2a4ec441f2432afb8b6"
1097411096
integrity sha512-YlVaefl8P5BnFYOITTNzDvan1ulLOiXJzCNZxduTIosN17b87h3bvG9yHMoHaRuo88H4mQ06Aodj5VtYGGGiTg==

0 commit comments

Comments
 (0)