Skip to content

Commit 3a0b71a

Browse files
iM-GeeKyiM-GeeKy
committed
Fix console error in tests and use recommended functions instead of deprecated ones
1 parent 85889ab commit 3a0b71a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+14311
-337
lines changed

‎src/__tests__/Date/AnimatedCrossView.test.tsx

+10-40
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,13 @@
1-
import renderer from 'react-test-renderer'
2-
import Calendar from '../../Date/Calendar'
1+
import { render } from '@testing-library/react-native'
32
import AnimatedCrossView from '../../Date/AnimatedCrossView'
4-
import CalendarEdit from '../../Date/CalendarEdit'
53

6-
it('renders collapsed AnimatedCrossView', () => {
7-
const tree = renderer
8-
.create(
9-
<AnimatedCrossView
10-
collapsed
11-
calendar={
12-
<Calendar
13-
locale="en"
14-
mode={'single'}
15-
startDate={new Date('01/01/2022')}
16-
endDate={new Date('01/01/2022')}
17-
date={new Date('01/01/2022')}
18-
onChange={() => null}
19-
dates={[]}
20-
dateMode={'start'}
21-
/>
22-
}
23-
calendarEdit={
24-
<CalendarEdit
25-
mode={'single'}
26-
state={{
27-
startDate: new Date('01/01/2022'),
28-
endDate: new Date('01/01/2022'),
29-
date: new Date('01/01/2022'),
30-
dates: [new Date('01/01/2022')],
31-
}}
32-
collapsed={false}
33-
onChange={() => null}
34-
validRange={undefined}
35-
locale={'en'}
36-
/>
37-
}
38-
/>
39-
)
40-
.toJSON()
41-
42-
expect(tree).toMatchSnapshot()
4+
it('renders AnimatedCrossView', () => {
5+
const { toJSON } = render(
6+
<AnimatedCrossView
7+
collapsed={false}
8+
calendar={<></>}
9+
calendarEdit={<></>}
10+
/>
11+
)
12+
expect(toJSON()).toMatchSnapshot()
4313
})

‎src/__tests__/Date/AutoSize.test.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import AutoSizer from '../../Date/AutoSizer'
33

44
it('renders AutoSizer', () => {
5-
const tree = renderer.create(<AutoSizer>{() => <></>}</AutoSizer>).toJSON()
6-
7-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(<AutoSizer>{() => <></>}</AutoSizer>)
6+
expect(toJSON()).toMatchSnapshot()
87
})

‎src/__tests__/Date/Calendar.test.tsx

+10-17
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import Calendar from '../../Date/Calendar'
33

44
it('renders Calendar', () => {
5-
const tree = renderer
6-
.create(
7-
<Calendar
8-
locale="en"
9-
mode={'single'}
10-
startDate={new Date('01/01/2022')}
11-
endDate={new Date('01/01/2022')}
12-
date={new Date('01/01/2022')}
13-
onChange={() => null}
14-
dates={[]}
15-
dateMode={'start'}
16-
/>
17-
)
18-
.toJSON()
19-
20-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<Calendar
7+
locale="en"
8+
mode="single"
9+
date={new Date()}
10+
onChange={() => null}
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
2114
})

‎src/__tests__/Date/CalendarEdit.test.tsx

+17-20
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,21 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import CalendarEdit from '../../Date/CalendarEdit'
33

44
it('renders CalendarEdit', () => {
5-
const tree = renderer
6-
.create(
7-
<CalendarEdit
8-
mode={'single'}
9-
state={{
10-
startDate: new Date('01/01/2022'),
11-
endDate: new Date('01/01/2022'),
12-
date: new Date('01/01/2022'),
13-
dates: [new Date('01/01/2022')],
14-
}}
15-
collapsed={false}
16-
onChange={() => null}
17-
validRange={undefined}
18-
locale={'en'}
19-
/>
20-
)
21-
.toJSON()
22-
23-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<CalendarEdit
7+
mode="single"
8+
state={{
9+
startDate: new Date(),
10+
endDate: new Date(),
11+
date: new Date(),
12+
dates: [new Date()],
13+
}}
14+
collapsed={false}
15+
onChange={() => null}
16+
validRange={undefined}
17+
locale="en"
18+
/>
19+
)
20+
expect(toJSON()).toMatchSnapshot()
2421
})

‎src/__tests__/Date/CalendarHeader.test.tsx

+11-14
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,15 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import CalendarHeader from '../../Date/CalendarHeader'
33

44
it('renders CalendarHeader', () => {
5-
const tree = renderer
6-
.create(
7-
<CalendarHeader
8-
locale={'en'}
9-
onPrev={() => null}
10-
onNext={() => null}
11-
scrollMode={'vertical'}
12-
startWeekOnMonday={false}
13-
/>
14-
)
15-
.toJSON()
16-
17-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<CalendarHeader
7+
locale="en"
8+
onPrev={() => null}
9+
onNext={() => null}
10+
scrollMode="vertical"
11+
startWeekOnMonday={false}
12+
/>
13+
)
14+
expect(toJSON()).toMatchSnapshot()
1815
})

‎src/__tests__/Date/DatePickerInput.test.tsx

+10-17
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import DatePickerInput from '../../Date/DatePickerInput'
3-
import { SafeAreaProvider } from 'react-native-safe-area-context'
43

54
it('renders DatePickerInput', () => {
6-
const tree = renderer
7-
.create(
8-
<SafeAreaProvider>
9-
<DatePickerInput
10-
locale={'en'}
11-
value={new Date('12/26/2022')}
12-
onChange={() => null}
13-
inputMode="start"
14-
autoComplete={'birthdate-full'}
15-
/>
16-
</SafeAreaProvider>
17-
)
18-
.toJSON()
19-
20-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(
6+
<DatePickerInput
7+
locale="en"
8+
value={new Date()}
9+
onChange={() => null}
10+
inputMode="start"
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
2114
})

‎src/__tests__/Date/DatePickerInputWithoutModal.test.tsx

+11-15
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,14 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import DatePickerInputWithoutModal from '../../Date/DatePickerInputWithoutModal'
33

4-
it('renders DatePickerInput', () => {
5-
const tree = renderer
6-
.create(
7-
<DatePickerInputWithoutModal
8-
locale={'en'}
9-
value={new Date('12/26/2022')}
10-
onChange={() => null}
11-
inputMode="start"
12-
autoComplete={'birthdate-full'}
13-
/>
14-
)
15-
.toJSON()
16-
17-
expect(tree).toMatchSnapshot()
4+
it('renders DatePickerInputWithoutModal', () => {
5+
const { toJSON } = render(
6+
<DatePickerInputWithoutModal
7+
locale="en"
8+
value={new Date()}
9+
onChange={() => null}
10+
inputMode="start"
11+
/>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
1814
})

‎src/__tests__/Date/DatePickerModal.test.tsx

+13-18
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,18 @@
1+
import { render } from '@testing-library/react-native'
12
import { SafeAreaProvider } from 'react-native-safe-area-context'
2-
3-
import renderer from 'react-test-renderer'
43
import DatePickerModal from '../../Date/DatePickerModal'
54

65
it('renders DatePickerModal', () => {
7-
const tree = renderer
8-
.create(
9-
<SafeAreaProvider>
10-
<DatePickerModal
11-
locale="en"
12-
mode="single"
13-
visible
14-
onDismiss={() => null}
15-
date={new Date('01/01/2022')}
16-
onConfirm={() => null}
17-
/>
18-
</SafeAreaProvider>
19-
)
20-
.toJSON()
21-
22-
expect(tree).toMatchSnapshot()
6+
const { toJSON } = render(
7+
<SafeAreaProvider>
8+
<DatePickerModal
9+
locale="en"
10+
mode="single"
11+
visible={true}
12+
onDismiss={() => null}
13+
onConfirm={() => null}
14+
/>
15+
</SafeAreaProvider>
16+
)
17+
expect(toJSON()).toMatchSnapshot()
2318
})

‎src/__tests__/Date/DatePickerModalContent.test.tsx

+13-18
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,18 @@
1+
import { render } from '@testing-library/react-native'
12
import { SafeAreaProvider } from 'react-native-safe-area-context'
2-
3-
import renderer from 'react-test-renderer'
43
import DatePickerModalContent from '../../Date/DatePickerModalContent'
54

65
it('renders DatePickerModalContent', () => {
7-
const tree = renderer
8-
.create(
9-
<SafeAreaProvider>
10-
<DatePickerModalContent
11-
locale={'en'}
12-
mode="range"
13-
onDismiss={() => null}
14-
startDate={new Date('01/01/2022')}
15-
endDate={new Date('01/02/2022')}
16-
onConfirm={() => null}
17-
/>
18-
</SafeAreaProvider>
19-
)
20-
.toJSON()
21-
22-
expect(tree).toMatchSnapshot()
6+
const { toJSON } = render(
7+
<SafeAreaProvider>
8+
<DatePickerModalContent
9+
locale="en"
10+
mode="single"
11+
date={new Date()}
12+
onDismiss={() => null}
13+
onConfirm={() => null}
14+
/>
15+
</SafeAreaProvider>
16+
)
17+
expect(toJSON()).toMatchSnapshot()
2318
})

‎src/__tests__/Date/DatePickerModalHeader.test.tsx

+12-15
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,17 @@
1+
import { render } from '@testing-library/react-native'
12
import { SafeAreaProvider } from 'react-native-safe-area-context'
2-
3-
import renderer from 'react-test-renderer'
43
import DatePickerModalHeader from '../../Date/DatePickerModalHeader'
54

65
it('renders DatePickerModalHeader', () => {
7-
const tree = renderer
8-
.create(
9-
<SafeAreaProvider>
10-
<DatePickerModalHeader
11-
locale={'en'}
12-
onSave={() => null}
13-
onDismiss={() => null}
14-
/>
15-
</SafeAreaProvider>
16-
)
17-
.toJSON()
18-
19-
expect(tree).toMatchSnapshot()
6+
const { toJSON } = render(
7+
<SafeAreaProvider>
8+
<DatePickerModalHeader
9+
locale="en"
10+
onSave={() => null}
11+
onDismiss={() => null}
12+
saveLabel="Save"
13+
/>
14+
</SafeAreaProvider>
15+
)
16+
expect(toJSON()).toMatchSnapshot()
2017
})

‎src/__tests__/Date/DatePickerModalHeaderBackground.test.tsx

+9-31
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,14 @@
1+
import { render } from '@testing-library/react-native'
12
import { SafeAreaProvider } from 'react-native-safe-area-context'
2-
3-
import renderer from 'react-test-renderer'
4-
import DatePickerModalContentHeader from '../../Date/DatePickerModalContentHeader'
5-
import DatePickerModalHeader from '../../Date/DatePickerModalHeader'
63
import DatePickerModalHeaderBackground from '../../Date/DatePickerModalHeaderBackground'
74

85
it('renders DatePickerModalHeaderBackground', () => {
9-
const tree = renderer
10-
.create(
11-
<SafeAreaProvider>
12-
<DatePickerModalHeaderBackground>
13-
<DatePickerModalHeader
14-
locale="en"
15-
onSave={() => null}
16-
onDismiss={() => null}
17-
/>
18-
<DatePickerModalContentHeader
19-
state={{
20-
startDate: new Date('01/01/2022'),
21-
endDate: new Date('01/01/2022'),
22-
date: new Date('01/01/2022'),
23-
dates: [new Date('01/01/2022')],
24-
}}
25-
mode={'range'}
26-
collapsed
27-
onToggle={() => null}
28-
locale={'en'}
29-
/>
30-
</DatePickerModalHeaderBackground>
31-
</SafeAreaProvider>
32-
)
33-
.toJSON()
34-
35-
expect(tree).toMatchSnapshot()
6+
const { toJSON } = render(
7+
<SafeAreaProvider>
8+
<DatePickerModalHeaderBackground>
9+
<></>
10+
</DatePickerModalHeaderBackground>
11+
</SafeAreaProvider>
12+
)
13+
expect(toJSON()).toMatchSnapshot()
3614
})

‎src/__tests__/Date/DayName.test.tsx

+3-4
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
1-
import renderer from 'react-test-renderer'
1+
import { render } from '@testing-library/react-native'
22
import DayName from '../../Date/DayName'
33

44
it('renders DayName', () => {
5-
const tree = renderer.create(<DayName label={'Monday'} />).toJSON()
6-
7-
expect(tree).toMatchSnapshot()
5+
const { toJSON } = render(<DayName label="Monday" />)
6+
expect(toJSON()).toMatchSnapshot()
87
})

0 commit comments

Comments
 (0)