refactor: rename reactivity package name and APIs
This commit is contained in:
Evan You
305
packages/reactivity/__tests__/collections/Map.spec.ts
Normal file
305
packages/reactivity/__tests__/collections/Map.spec.ts
Normal file
@@ -0,0 +1,305 @@
|
||||
import { state, effect, toRaw, isState } from '../../src'
|
||||
|
||||
describe('observer/collections', () => {
|
||||
describe('Map', () => {
|
||||
test('instanceof', () => {
|
||||
const original = new Map()
|
||||
const observed = state(original)
|
||||
expect(isState(observed)).toBe(true)
|
||||
expect(original instanceof Map).toBe(true)
|
||||
expect(observed instanceof Map).toBe(true)
|
||||
})
|
||||
|
||||
it('should observe mutations', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = map.get('key')
|
||||
})
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.set('key', 'value')
|
||||
expect(dummy).toBe('value')
|
||||
map.set('key', 'value2')
|
||||
expect(dummy).toBe('value2')
|
||||
map.delete('key')
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should observe size mutations', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => (dummy = map.size))
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set('key1', 'value')
|
||||
map.set('key2', 'value2')
|
||||
expect(dummy).toBe(2)
|
||||
map.delete('key1')
|
||||
expect(dummy).toBe(1)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe for of iteration', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
for (let [key, num] of map) {
|
||||
key
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set('key1', 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.set('key2', 2)
|
||||
expect(dummy).toBe(5)
|
||||
map.delete('key1')
|
||||
expect(dummy).toBe(2)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe forEach iteration', () => {
|
||||
let dummy: any
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
map.forEach((num: any) => (dummy += num))
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set('key1', 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.set('key2', 2)
|
||||
expect(dummy).toBe(5)
|
||||
map.delete('key1')
|
||||
expect(dummy).toBe(2)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe keys iteration', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let key of map.keys()) {
|
||||
dummy += key
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set(3, 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.set(2, 2)
|
||||
expect(dummy).toBe(5)
|
||||
map.delete(3)
|
||||
expect(dummy).toBe(2)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe values iteration', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let num of map.values()) {
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set('key1', 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.set('key2', 2)
|
||||
expect(dummy).toBe(5)
|
||||
map.delete('key1')
|
||||
expect(dummy).toBe(2)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe entries iteration', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
for (let [key, num] of map.entries()) {
|
||||
key
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
map.set('key1', 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.set('key2', 2)
|
||||
expect(dummy).toBe(5)
|
||||
map.delete('key1')
|
||||
expect(dummy).toBe(2)
|
||||
map.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should be triggered by clearing', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => (dummy = map.get('key')))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.set('key', 3)
|
||||
expect(dummy).toBe(3)
|
||||
map.clear()
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not observe custom property mutations', () => {
|
||||
let dummy
|
||||
const map: any = state(new Map())
|
||||
effect(() => (dummy = map.customProp))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.customProp = 'Hello World'
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not observe non value changing mutations', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
const mapSpy = jest.fn(() => (dummy = map.get('key')))
|
||||
effect(mapSpy)
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(1)
|
||||
map.set('key', 'value')
|
||||
expect(dummy).toBe('value')
|
||||
expect(mapSpy).toHaveBeenCalledTimes(2)
|
||||
map.set('key', 'value')
|
||||
expect(dummy).toBe('value')
|
||||
expect(mapSpy).toHaveBeenCalledTimes(2)
|
||||
map.delete('key')
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(3)
|
||||
map.delete('key')
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(3)
|
||||
map.clear()
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(3)
|
||||
})
|
||||
|
||||
it('should not observe raw data', () => {
|
||||
let dummy
|
||||
const map = state(new Map())
|
||||
effect(() => (dummy = toRaw(map).get('key')))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.set('key', 'Hello')
|
||||
expect(dummy).toBe(undefined)
|
||||
map.delete('key')
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not pollute original Map with Proxies', () => {
|
||||
const map = new Map()
|
||||
const observed = state(map)
|
||||
const value = state({})
|
||||
observed.set('key', value)
|
||||
expect(map.get('key')).not.toBe(value)
|
||||
expect(map.get('key')).toBe(toRaw(value))
|
||||
})
|
||||
|
||||
it('should return observable versions of contained values', () => {
|
||||
const observed = state(new Map())
|
||||
const value = {}
|
||||
observed.set('key', value)
|
||||
const wrapped = observed.get('key')
|
||||
expect(isState(wrapped)).toBe(true)
|
||||
expect(toRaw(wrapped)).toBe(value)
|
||||
})
|
||||
|
||||
it('should observed nested data', () => {
|
||||
const observed = state(new Map())
|
||||
observed.set('key', { a: 1 })
|
||||
let dummy
|
||||
effect(() => {
|
||||
dummy = observed.get('key').a
|
||||
})
|
||||
observed.get('key').a = 2
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (forEach)', () => {
|
||||
const map = state(new Map([[1, { foo: 1 }]]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
map.forEach(value => {
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
})
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
;(map.get(1) as any).foo++
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (values)', () => {
|
||||
const map = state(new Map([[1, { foo: 1 }]]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const value of map.values()) {
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
;(map.get(1) as any).foo++
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (entries)', () => {
|
||||
const key = {}
|
||||
const map = state(new Map([[key, { foo: 1 }]]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const [key, value] of map.entries()) {
|
||||
key
|
||||
expect(isState(key)).toBe(true)
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
;(map.get(key) as any).foo++
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (for...of)', () => {
|
||||
const key = {}
|
||||
const map = state(new Map([[key, { foo: 1 }]]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const [key, value] of map) {
|
||||
key
|
||||
expect(isState(key)).toBe(true)
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
;(map.get(key) as any).foo++
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
})
|
||||
})
|
||||
359
packages/reactivity/__tests__/collections/Set.spec.ts
Normal file
359
packages/reactivity/__tests__/collections/Set.spec.ts
Normal file
@@ -0,0 +1,359 @@
|
||||
import { state, effect, isState, toRaw } from '../../src'
|
||||
|
||||
describe('observer/collections', () => {
|
||||
describe('Set', () => {
|
||||
it('instanceof', () => {
|
||||
const original = new Set()
|
||||
const observed = state(original)
|
||||
expect(isState(observed)).toBe(true)
|
||||
expect(original instanceof Set).toBe(true)
|
||||
expect(observed instanceof Set).toBe(true)
|
||||
})
|
||||
|
||||
it('should observe mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = set.has('value')))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
set.add('value')
|
||||
expect(dummy).toBe(true)
|
||||
set.delete('value')
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should observe for of iteration', () => {
|
||||
let dummy
|
||||
const set = state(new Set() as Set<number>)
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let num of set) {
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(1)
|
||||
expect(dummy).toBe(3)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe forEach iteration', () => {
|
||||
let dummy: any
|
||||
const set = state(new Set())
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
set.forEach(num => (dummy += num))
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(1)
|
||||
expect(dummy).toBe(3)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe values iteration', () => {
|
||||
let dummy
|
||||
const set = state(new Set() as Set<number>)
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let num of set.values()) {
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(1)
|
||||
expect(dummy).toBe(3)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe keys iteration', () => {
|
||||
let dummy
|
||||
const set = state(new Set() as Set<number>)
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let num of set.keys()) {
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(1)
|
||||
expect(dummy).toBe(3)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should observe entries iteration', () => {
|
||||
let dummy
|
||||
const set = state(new Set() as Set<number>)
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
// eslint-disable-next-line no-unused-vars
|
||||
for (let [key, num] of set.entries()) {
|
||||
key
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(1)
|
||||
expect(dummy).toBe(3)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should be triggered by clearing', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = set.has('key')))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
set.add('key')
|
||||
expect(dummy).toBe(true)
|
||||
set.clear()
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should not observe custom property mutations', () => {
|
||||
let dummy
|
||||
const set: any = state(new Set())
|
||||
effect(() => (dummy = set.customProp))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
set.customProp = 'Hello World'
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should observe size mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = set.size))
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add('value')
|
||||
set.add('value2')
|
||||
expect(dummy).toBe(2)
|
||||
set.delete('value')
|
||||
expect(dummy).toBe(1)
|
||||
set.clear()
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should not observe non value changing mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
const setSpy = jest.fn(() => (dummy = set.has('value')))
|
||||
effect(setSpy)
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(1)
|
||||
set.add('value')
|
||||
expect(dummy).toBe(true)
|
||||
expect(setSpy).toHaveBeenCalledTimes(2)
|
||||
set.add('value')
|
||||
expect(dummy).toBe(true)
|
||||
expect(setSpy).toHaveBeenCalledTimes(2)
|
||||
set.delete('value')
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(3)
|
||||
set.delete('value')
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(3)
|
||||
set.clear()
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(3)
|
||||
})
|
||||
|
||||
it('should not observe raw data', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = toRaw(set).has('value')))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
set.add('value')
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should not observe raw iterations', () => {
|
||||
let dummy = 0
|
||||
const set = state(new Set() as Set<number>)
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (let [num] of toRaw(set).entries()) {
|
||||
dummy += num
|
||||
}
|
||||
for (let num of toRaw(set).keys()) {
|
||||
dummy += num
|
||||
}
|
||||
for (let num of toRaw(set).values()) {
|
||||
dummy += num
|
||||
}
|
||||
toRaw(set).forEach(num => {
|
||||
dummy += num
|
||||
})
|
||||
for (let num of toRaw(set)) {
|
||||
dummy += num
|
||||
}
|
||||
})
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add(2)
|
||||
set.add(3)
|
||||
expect(dummy).toBe(0)
|
||||
set.delete(2)
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should not be triggered by raw mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = set.has('value')))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
toRaw(set).add('value')
|
||||
expect(dummy).toBe(false)
|
||||
dummy = true
|
||||
toRaw(set).delete('value')
|
||||
expect(dummy).toBe(true)
|
||||
toRaw(set).clear()
|
||||
expect(dummy).toBe(true)
|
||||
})
|
||||
|
||||
it('should not observe raw size mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = toRaw(set).size))
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
set.add('value')
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should not be triggered by raw size mutations', () => {
|
||||
let dummy
|
||||
const set = state(new Set())
|
||||
effect(() => (dummy = set.size))
|
||||
|
||||
expect(dummy).toBe(0)
|
||||
toRaw(set).add('value')
|
||||
expect(dummy).toBe(0)
|
||||
})
|
||||
|
||||
it('should support objects as key', () => {
|
||||
let dummy
|
||||
const key = {}
|
||||
const set = state(new Set())
|
||||
const setSpy = jest.fn(() => (dummy = set.has(key)))
|
||||
effect(setSpy)
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(1)
|
||||
|
||||
set.add({})
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(1)
|
||||
|
||||
set.add(key)
|
||||
expect(dummy).toBe(true)
|
||||
expect(setSpy).toHaveBeenCalledTimes(2)
|
||||
})
|
||||
|
||||
it('should not pollute original Set with Proxies', () => {
|
||||
const set = new Set()
|
||||
const observed = state(set)
|
||||
const value = state({})
|
||||
observed.add(value)
|
||||
expect(observed.has(value)).toBe(true)
|
||||
expect(set.has(value)).toBe(false)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (forEach)', () => {
|
||||
const set = state(new Set([{ foo: 1 }]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
set.forEach(value => {
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
})
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
set.forEach(value => {
|
||||
value.foo++
|
||||
})
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (values)', () => {
|
||||
const set = state(new Set([{ foo: 1 }]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const value of set.values()) {
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
set.forEach(value => {
|
||||
value.foo++
|
||||
})
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (entries)', () => {
|
||||
const set = state(new Set([{ foo: 1 }]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const [key, value] of set.entries()) {
|
||||
expect(isState(key)).toBe(true)
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
set.forEach(value => {
|
||||
value.foo++
|
||||
})
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
|
||||
it('should observe nested values in iterations (for...of)', () => {
|
||||
const set = state(new Set([{ foo: 1 }]))
|
||||
let dummy: any
|
||||
effect(() => {
|
||||
dummy = 0
|
||||
for (const value of set) {
|
||||
expect(isState(value)).toBe(true)
|
||||
dummy += value.foo
|
||||
}
|
||||
})
|
||||
expect(dummy).toBe(1)
|
||||
set.forEach(value => {
|
||||
value.foo++
|
||||
})
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
})
|
||||
})
|
||||
108
packages/reactivity/__tests__/collections/WeakMap.spec.ts
Normal file
108
packages/reactivity/__tests__/collections/WeakMap.spec.ts
Normal file
@@ -0,0 +1,108 @@
|
||||
import { state, effect, toRaw, isState } from '../../src'
|
||||
|
||||
describe('observer/collections', () => {
|
||||
describe('WeakMap', () => {
|
||||
test('instanceof', () => {
|
||||
const original = new WeakMap()
|
||||
const observed = state(original)
|
||||
expect(isState(observed)).toBe(true)
|
||||
expect(original instanceof WeakMap).toBe(true)
|
||||
expect(observed instanceof WeakMap).toBe(true)
|
||||
})
|
||||
|
||||
it('should observe mutations', () => {
|
||||
let dummy
|
||||
const key = {}
|
||||
const map = state(new WeakMap())
|
||||
effect(() => {
|
||||
dummy = map.get(key)
|
||||
})
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.set(key, 'value')
|
||||
expect(dummy).toBe('value')
|
||||
map.set(key, 'value2')
|
||||
expect(dummy).toBe('value2')
|
||||
map.delete(key)
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not observe custom property mutations', () => {
|
||||
let dummy
|
||||
const map: any = state(new WeakMap())
|
||||
effect(() => (dummy = map.customProp))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.customProp = 'Hello World'
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not observe non value changing mutations', () => {
|
||||
let dummy
|
||||
const key = {}
|
||||
const map = state(new WeakMap())
|
||||
const mapSpy = jest.fn(() => (dummy = map.get(key)))
|
||||
effect(mapSpy)
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(1)
|
||||
map.set(key, 'value')
|
||||
expect(dummy).toBe('value')
|
||||
expect(mapSpy).toHaveBeenCalledTimes(2)
|
||||
map.set(key, 'value')
|
||||
expect(dummy).toBe('value')
|
||||
expect(mapSpy).toHaveBeenCalledTimes(2)
|
||||
map.delete(key)
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(3)
|
||||
map.delete(key)
|
||||
expect(dummy).toBe(undefined)
|
||||
expect(mapSpy).toHaveBeenCalledTimes(3)
|
||||
})
|
||||
|
||||
it('should not observe raw data', () => {
|
||||
let dummy
|
||||
const key = {}
|
||||
const map = state(new WeakMap())
|
||||
effect(() => (dummy = toRaw(map).get(key)))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
map.set(key, 'Hello')
|
||||
expect(dummy).toBe(undefined)
|
||||
map.delete(key)
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not pollute original Map with Proxies', () => {
|
||||
const map = new WeakMap()
|
||||
const observed = state(map)
|
||||
const key = {}
|
||||
const value = state({})
|
||||
observed.set(key, value)
|
||||
expect(map.get(key)).not.toBe(value)
|
||||
expect(map.get(key)).toBe(toRaw(value))
|
||||
})
|
||||
|
||||
it('should return observable versions of contained values', () => {
|
||||
const observed = state(new WeakMap())
|
||||
const key = {}
|
||||
const value = {}
|
||||
observed.set(key, value)
|
||||
const wrapped = observed.get(key)
|
||||
expect(isState(wrapped)).toBe(true)
|
||||
expect(toRaw(wrapped)).toBe(value)
|
||||
})
|
||||
|
||||
it('should observed nested data', () => {
|
||||
const observed = state(new Map())
|
||||
const key = {}
|
||||
observed.set(key, { a: 1 })
|
||||
let dummy
|
||||
effect(() => {
|
||||
dummy = observed.get(key).a
|
||||
})
|
||||
observed.get(key).a = 2
|
||||
expect(dummy).toBe(2)
|
||||
})
|
||||
})
|
||||
})
|
||||
90
packages/reactivity/__tests__/collections/WeakSet.spec.ts
Normal file
90
packages/reactivity/__tests__/collections/WeakSet.spec.ts
Normal file
@@ -0,0 +1,90 @@
|
||||
import { state, isState, effect, toRaw } from '../../src'
|
||||
|
||||
describe('observer/collections', () => {
|
||||
describe('WeakSet', () => {
|
||||
it('instanceof', () => {
|
||||
const original = new Set()
|
||||
const observed = state(original)
|
||||
expect(isState(observed)).toBe(true)
|
||||
expect(original instanceof Set).toBe(true)
|
||||
expect(observed instanceof Set).toBe(true)
|
||||
})
|
||||
|
||||
it('should observe mutations', () => {
|
||||
let dummy
|
||||
const value = {}
|
||||
const set = state(new WeakSet())
|
||||
effect(() => (dummy = set.has(value)))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
set.add(value)
|
||||
expect(dummy).toBe(true)
|
||||
set.delete(value)
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should not observe custom property mutations', () => {
|
||||
let dummy
|
||||
const set: any = state(new WeakSet())
|
||||
effect(() => (dummy = set.customProp))
|
||||
|
||||
expect(dummy).toBe(undefined)
|
||||
set.customProp = 'Hello World'
|
||||
expect(dummy).toBe(undefined)
|
||||
})
|
||||
|
||||
it('should not observe non value changing mutations', () => {
|
||||
let dummy
|
||||
const value = {}
|
||||
const set = state(new WeakSet())
|
||||
const setSpy = jest.fn(() => (dummy = set.has(value)))
|
||||
effect(setSpy)
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(1)
|
||||
set.add(value)
|
||||
expect(dummy).toBe(true)
|
||||
expect(setSpy).toHaveBeenCalledTimes(2)
|
||||
set.add(value)
|
||||
expect(dummy).toBe(true)
|
||||
expect(setSpy).toHaveBeenCalledTimes(2)
|
||||
set.delete(value)
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(3)
|
||||
set.delete(value)
|
||||
expect(dummy).toBe(false)
|
||||
expect(setSpy).toHaveBeenCalledTimes(3)
|
||||
})
|
||||
|
||||
it('should not observe raw data', () => {
|
||||
const value = {}
|
||||
let dummy
|
||||
const set = state(new WeakSet())
|
||||
effect(() => (dummy = toRaw(set).has(value)))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
set.add(value)
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should not be triggered by raw mutations', () => {
|
||||
const value = {}
|
||||
let dummy
|
||||
const set = state(new WeakSet())
|
||||
effect(() => (dummy = set.has(value)))
|
||||
|
||||
expect(dummy).toBe(false)
|
||||
toRaw(set).add(value)
|
||||
expect(dummy).toBe(false)
|
||||
})
|
||||
|
||||
it('should not pollute original Set with Proxies', () => {
|
||||
const set = new WeakSet()
|
||||
const observed = state(set)
|
||||
const value = state({})
|
||||
observed.add(value)
|
||||
expect(observed.has(value)).toBe(true)
|
||||
expect(set.has(value)).toBe(false)
|
||||
})
|
||||
})
|
||||
})
|
||||
Reference in New Issue
Block a user