1
1
import { act , renderHook } from '@testing-library/react-hooks'
2
2
3
- import { useBulkCheck } from '../ '
3
+ import { useBulkCheck } from '..'
4
4
5
5
describe ( 'useBulkCheck' , ( ) => {
6
6
const list = [ { id : 'item-1' } , { id : 'item-2' } , { id : 'item-3' } ]
@@ -24,9 +24,7 @@ describe('useBulkCheck', () => {
24
24
25
25
describe ( 'defaultCheckedIds がある場合' , ( ) => {
26
26
it ( 'チェックした item の ID が反映される' , ( ) => {
27
- const { result } = renderHook ( ( ) =>
28
- useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-3' ] } ) ,
29
- )
27
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-3' ] } ) )
30
28
31
29
expect ( result . current . pageItems ) . toEqual ( [
32
30
{ item : { id : 'item-1' } , checked : true } ,
@@ -42,9 +40,7 @@ describe('useBulkCheck', () => {
42
40
43
41
describe ( 'defaultIsAllChecked がある場合' , ( ) => {
44
42
it ( '全件チェックが反映される' , ( ) => {
45
- const { result } = renderHook ( ( ) =>
46
- useBulkCheck ( { pageItems : list , defaultIsAllChecked : true } ) ,
47
- )
43
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultIsAllChecked : true } ) )
48
44
49
45
expect ( result . current . pageItems ) . toEqual ( [
50
46
{ item : { id : 'item-1' } , checked : true } ,
@@ -162,9 +158,7 @@ describe('useBulkCheck', () => {
162
158
163
159
describe ( 'checkedItemsInCurrentPage の length が1以上の場合' , ( ) => {
164
160
it ( 'checkedSet 内にある ID のうち pageItems 内にあるものが削除される' , ( ) => {
165
- const { result } = renderHook ( ( ) =>
166
- useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-5' ] } ) ,
167
- )
161
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-5' ] } ) )
168
162
169
163
act ( ( ) => {
170
164
result . current . togglePageChecked ( )
@@ -184,9 +178,7 @@ describe('useBulkCheck', () => {
184
178
185
179
describe ( 'isPageChecked が false かつ checkedItemsInCurrentPage の length が0の場合' , ( ) => {
186
180
it ( 'checkedSet に pageItems 内にある ID が全て追加される' , ( ) => {
187
- const { result } = renderHook ( ( ) =>
188
- useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-5' ] } ) ,
189
- )
181
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-5' ] } ) )
190
182
191
183
act ( ( ) => {
192
184
result . current . togglePageChecked ( )
@@ -209,9 +201,7 @@ describe('useBulkCheck', () => {
209
201
describe ( 'toggleAllChecked' , ( ) => {
210
202
describe ( 'isAllChecked が true の場合' , ( ) => {
211
203
it ( 'isAllChecked が false になる' , ( ) => {
212
- const { result } = renderHook ( ( ) =>
213
- useBulkCheck ( { pageItems : list , defaultIsAllChecked : true } ) ,
214
- )
204
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultIsAllChecked : true } ) )
215
205
216
206
act ( ( ) => {
217
207
result . current . toggleAllChecked ( )
@@ -235,9 +225,7 @@ describe('useBulkCheck', () => {
235
225
236
226
describe ( '選択状態の item がすでにある場合' , ( ) => {
237
227
it ( 'checkedIds には影響しない' , ( ) => {
238
- const { result } = renderHook ( ( ) =>
239
- useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-3' ] } ) ,
240
- )
228
+ const { result } = renderHook ( ( ) => useBulkCheck ( { pageItems : list , defaultCheckedIds : [ 'item-1' , 'item-3' ] } ) )
241
229
242
230
act ( ( ) => {
243
231
result . current . toggleAllChecked ( )
0 commit comments