|
1 |
| -import { computed, ref, ToRefs } from 'vue' |
| 1 | +import { computed, reactive, ref, ToRefs } from 'vue' |
2 | 2 | import { createPinia, defineStore, setActivePinia, storeToRefs } from '../src'
|
3 | 3 |
|
4 | 4 | describe('storeToRefs', () => {
|
@@ -45,6 +45,45 @@ describe('storeToRefs', () => {
|
45 | 45 | expect(d.value).toBe('e')
|
46 | 46 | })
|
47 | 47 |
|
| 48 | + it.skip('setup store', () => { |
| 49 | + const store = defineStore('a', () => { |
| 50 | + return { |
| 51 | + a: ref<null | undefined>(null), |
| 52 | + b: ref(false), |
| 53 | + c: ref(1), |
| 54 | + d: ref('d'), |
| 55 | + r: reactive({ n: 1 }), |
| 56 | + } |
| 57 | + })() |
| 58 | + |
| 59 | + const { a, b, c, d, r } = storeToRefs(store) |
| 60 | + |
| 61 | + expect(a.value).toBe(null) |
| 62 | + expect(b.value).toBe(false) |
| 63 | + expect(c.value).toBe(1) |
| 64 | + expect(d.value).toBe('d') |
| 65 | + expect(r.value).toEqual({ n: 1 }) |
| 66 | + |
| 67 | + a.value = undefined |
| 68 | + expect(a.value).toBe(undefined) |
| 69 | + |
| 70 | + b.value = true |
| 71 | + expect(b.value).toBe(true) |
| 72 | + |
| 73 | + c.value = 2 |
| 74 | + expect(c.value).toBe(2) |
| 75 | + |
| 76 | + d.value = 'e' |
| 77 | + expect(d.value).toBe('e') |
| 78 | + |
| 79 | + r.value.n++ |
| 80 | + expect(r.value).toEqual({ n: 2 }) |
| 81 | + expect(store.r).toEqual({ n: 2 }) |
| 82 | + store.r.n++ |
| 83 | + expect(r.value).toEqual({ n: 2 }) |
| 84 | + expect(store.r).toEqual({ n: 2 }) |
| 85 | + }) |
| 86 | + |
48 | 87 | it('empty getters', () => {
|
49 | 88 | expect(
|
50 | 89 | storeToRefs(
|
|
0 commit comments