/
toDisplayString.spec.ts
119 lines (111 loc) 路 2.74 KB
/
toDisplayString.spec.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
import { computed, ref } from '@vue/reactivity'
import { toDisplayString } from '../src'
describe('toDisplayString', () => {
test('nullish values', () => {
expect(toDisplayString(null)).toBe('')
expect(toDisplayString(undefined)).toBe('')
})
test('primitive values', () => {
expect(toDisplayString(1)).toBe('1')
expect(toDisplayString(true)).toBe('true')
expect(toDisplayString(false)).toBe('false')
expect(toDisplayString('hello')).toBe('hello')
})
test('Object and Arrays', () => {
const obj = { foo: 123 }
expect(toDisplayString(obj)).toBe(JSON.stringify(obj, null, 2))
const arr = [obj]
expect(toDisplayString(arr)).toBe(JSON.stringify(arr, null, 2))
})
test('refs', () => {
const n = ref(1)
const np = computed(() => n.value + 1)
expect(
toDisplayString({
n,
np
})
).toBe(JSON.stringify({ n: 1, np: 2 }, null, 2))
})
test('native objects', () => {
const div = document.createElement('div')
expect(toDisplayString(div)).toBe(`"[object HTMLDivElement]"`)
expect(toDisplayString({ div })).toMatchInlineSnapshot(`
"{
\\"div\\": \\"[object HTMLDivElement]\\"
}"
`)
})
test('Map and Set', () => {
const m = new Map<any, any>([
[1, 'foo'],
[{ baz: 1 }, { foo: 'bar', qux: 2 }]
])
const s = new Set<any>([1, { foo: 'bar' }, m])
expect(toDisplayString(m)).toMatchInlineSnapshot(`
"{
\\"Map(2)\\": {
\\"1 =>\\": \\"foo\\",
\\"[object Object] =>\\": {
\\"foo\\": \\"bar\\",
\\"qux\\": 2
}
}
}"
`)
expect(toDisplayString(s)).toMatchInlineSnapshot(`
"{
\\"Set(3)\\": [
1,
{
\\"foo\\": \\"bar\\"
},
{
\\"Map(2)\\": {
\\"1 =>\\": \\"foo\\",
\\"[object Object] =>\\": {
\\"foo\\": \\"bar\\",
\\"qux\\": 2
}
}
}
]
}"
`)
expect(
toDisplayString({
m,
s
})
).toMatchInlineSnapshot(`
"{
\\"m\\": {
\\"Map(2)\\": {
\\"1 =>\\": \\"foo\\",
\\"[object Object] =>\\": {
\\"foo\\": \\"bar\\",
\\"qux\\": 2
}
}
},
\\"s\\": {
\\"Set(3)\\": [
1,
{
\\"foo\\": \\"bar\\"
},
{
\\"Map(2)\\": {
\\"1 =>\\": \\"foo\\",
\\"[object Object] =>\\": {
\\"foo\\": \\"bar\\",
\\"qux\\": 2
}
}
}
]
}
}"
`)
})
})