@@ -2,7 +2,6 @@ import { describe, it, expect } from 'vitest'
2
2
import { formatStateDifferences , realTypeOf } from '../../src/devtools/utils'
3
3
4
4
describe ( 'Devtools utils' , ( ) => {
5
-
6
5
describe ( 'realTypeOf' , ( ) => {
7
6
it ( 'Should correctly predict type of subject' , ( ) => {
8
7
const number = 0
@@ -56,7 +55,7 @@ describe('Devtools utils', () => {
56
55
describe ( 'formatStateDifferences' , ( ) => {
57
56
it ( 'Should find removed entries' , ( ) => {
58
57
const oldState = {
59
- removed : 'old'
58
+ removed : 'old' ,
60
59
}
61
60
const newState = { }
62
61
@@ -71,30 +70,30 @@ describe('Devtools utils', () => {
71
70
const oldState = {
72
71
changedArray1 : [ 1 , 2 , 3 ] ,
73
72
unchangedArray : [ 1 , 2 , 3 ] ,
74
- changedArray2 : [ 1 , 2 , 3 ]
73
+ changedArray2 : [ 1 , 2 , 3 ] ,
75
74
}
76
75
const newState = {
77
76
changedArray1 : [ 1 , 2 , 3 , 4 ] ,
78
77
unchangedArray : [ 1 , 2 , 3 ] ,
79
- changedArray2 : [ 3 , 2 , 1 ]
78
+ changedArray2 : [ 3 , 2 , 1 ] ,
80
79
}
81
80
82
81
const differences = formatStateDifferences ( oldState , newState )
83
82
84
83
expect ( differences ) . toEqual ( {
85
84
changedArray1 : [ 1 , 2 , 3 , 4 ] ,
86
- changedArray2 : [ 3 , 2 , 1 ]
85
+ changedArray2 : [ 3 , 2 , 1 ] ,
87
86
} )
88
87
} )
89
88
90
89
it ( 'Should find difference in regexp' , ( ) => {
91
90
const oldState = {
92
91
changedRegexp : / c h a n g e d / ,
93
- unchangedRegexp : / u n c h a n g e d /
92
+ unchangedRegexp : / u n c h a n g e d / ,
94
93
}
95
94
const newState = {
96
95
changedRegexp : / c h a n g e d T o N e w V a l u e / ,
97
- unchangedRegexp : / u n c h a n g e d /
96
+ unchangedRegexp : / u n c h a n g e d / ,
98
97
}
99
98
100
99
const differences = formatStateDifferences ( oldState , newState )
@@ -107,11 +106,11 @@ describe('Devtools utils', () => {
107
106
it ( 'Should find difference in date' , ( ) => {
108
107
const oldState = {
109
108
changedDate : new Date ( 123 ) ,
110
- unchangedDate : new Date ( 123 )
109
+ unchangedDate : new Date ( 123 ) ,
111
110
}
112
111
const newState = {
113
112
changedDate : new Date ( 1234 ) ,
114
- unchangedDate : new Date ( 123 )
113
+ unchangedDate : new Date ( 123 ) ,
115
114
}
116
115
117
116
const differences = formatStateDifferences ( oldState , newState )
@@ -124,11 +123,11 @@ describe('Devtools utils', () => {
124
123
it ( 'Should find difference in booleans' , ( ) => {
125
124
const oldState = {
126
125
changedBool : true ,
127
- unchangedBool : true
126
+ unchangedBool : true ,
128
127
}
129
128
const newState = {
130
129
changedBool : false ,
131
- unchangedBool : true
130
+ unchangedBool : true ,
132
131
}
133
132
134
133
const differences = formatStateDifferences ( oldState , newState )
@@ -141,11 +140,11 @@ describe('Devtools utils', () => {
141
140
it ( 'Should find difference in numbers' , ( ) => {
142
141
const oldState = {
143
142
changedNumber : 10 ,
144
- unchangedNumber : 10
143
+ unchangedNumber : 10 ,
145
144
}
146
145
const newState = {
147
146
changedNumber : 9 ,
148
- unchangedNumber : 10
147
+ unchangedNumber : 10 ,
149
148
}
150
149
151
150
const differences = formatStateDifferences ( oldState , newState )
@@ -158,11 +157,11 @@ describe('Devtools utils', () => {
158
157
it ( 'Should find difference in strings' , ( ) => {
159
158
const oldState = {
160
159
changedString : 'changed' ,
161
- unchangedString : 'unchanged'
160
+ unchangedString : 'unchanged' ,
162
161
}
163
162
const newState = {
164
163
changedString : 'changedToNewValue' ,
165
- unchangedString : 'unchanged'
164
+ unchangedString : 'unchanged' ,
166
165
}
167
166
168
167
const differences = formatStateDifferences ( oldState , newState )
@@ -173,16 +172,15 @@ describe('Devtools utils', () => {
173
172
} )
174
173
175
174
it ( 'Should find new values' , ( ) => {
176
- const oldState = {
177
- }
175
+ const oldState = { }
178
176
const newState = {
179
- newValue : 10
177
+ newValue : 10 ,
180
178
}
181
179
182
180
const differences = formatStateDifferences ( oldState , newState )
183
181
184
182
expect ( differences ) . toEqual ( {
185
- newValue : 10
183
+ newValue : 10 ,
186
184
} )
187
185
} )
188
186
@@ -194,20 +192,20 @@ describe('Devtools utils', () => {
194
192
key1 : {
195
193
key1 : {
196
194
key1 : false ,
197
- key2 : true
198
- }
199
- }
195
+ key2 : true ,
196
+ } ,
197
+ } ,
200
198
} ,
201
199
key3 : {
202
200
key1 : {
203
- key1 : { }
201
+ key1 : { } ,
204
202
} ,
205
203
key2 : {
206
- key1 : 'abc'
207
- }
204
+ key1 : 'abc' ,
205
+ } ,
208
206
} ,
209
- key4 : 50
210
- }
207
+ key4 : 50 ,
208
+ } ,
211
209
}
212
210
const newState = {
213
211
changedObject : {
@@ -216,20 +214,20 @@ describe('Devtools utils', () => {
216
214
key1 : {
217
215
key1 : {
218
216
key1 : true ,
219
- key2 : true
220
- }
221
- }
217
+ key2 : true ,
218
+ } ,
219
+ } ,
222
220
} ,
223
221
key3 : {
224
222
key1 : {
225
- key1 : { }
223
+ key1 : { } ,
226
224
} ,
227
225
key2 : {
228
- key1 : 'abcd'
229
- }
226
+ key1 : 'abcd' ,
227
+ } ,
230
228
} ,
231
- key4 : 50
232
- }
229
+ key4 : 50 ,
230
+ } ,
233
231
}
234
232
235
233
const differences = formatStateDifferences ( oldState , newState )
@@ -240,15 +238,15 @@ describe('Devtools utils', () => {
240
238
key1 : {
241
239
key1 : {
242
240
key1 : true ,
243
- }
244
- }
241
+ } ,
242
+ } ,
245
243
} ,
246
244
key3 : {
247
245
key2 : {
248
- key1 : 'abcd'
249
- }
246
+ key1 : 'abcd' ,
247
+ } ,
250
248
} ,
251
- }
249
+ } ,
252
250
} )
253
251
} )
254
252
@@ -259,19 +257,19 @@ describe('Devtools utils', () => {
259
257
260
258
const oldState = {
261
259
foo,
262
- bar
260
+ bar,
263
261
}
264
262
265
263
const newState = {
266
264
foo : foobar ,
267
- bar
265
+ bar,
268
266
}
269
267
270
268
const differences = formatStateDifferences ( oldState , newState )
271
269
272
270
expect ( differences ) . toEqual ( {
273
- foo : foobar
271
+ foo : foobar ,
274
272
} )
275
273
} )
276
274
} )
277
- } )
275
+ } )
0 commit comments