-
Notifications
You must be signed in to change notification settings - Fork 1
/
useCompanyList.test.ts
87 lines (80 loc) · 2.13 KB
/
useCompanyList.test.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
import { renderHook } from '@testing-library/react-hooks';
import { useCompanyList } from './useCompanyList';
const companiesSorted = [
{
ticker: 'AAPL',
name: 'Apple Inc.'
},
{
ticker: 'AMZN',
name: 'Amazon.com Inc.'
},
{
ticker: 'GOOG',
name: 'Alphabet Inc.'
},
{
ticker: 'GOOG',
name: 'Google Inc.'
},
{
ticker: 'GOOGL',
name: 'Alphabet Inc.'
},
{
ticker: 'MSFT',
name: 'Microsoft Corporation'
}
];
jest.mock('../../services/CompanyService', () => {
const companiesUnsorted = [
{
ticker: 'MSFT',
name: 'Microsoft Corporation'
},
{
ticker: 'AMZN',
name: 'Amazon.com Inc.'
},
{
ticker: 'GOOG',
name: 'Alphabet Inc.'
},
// Test for duplicate tickers
// Not realistic, just to make sure app doesn't break
{
ticker: 'GOOG',
name: 'Google Inc.'
},
{
ticker: 'AAPL',
name: 'Apple Inc.'
},
{
ticker: 'GOOGL',
name: 'Alphabet Inc.'
}
];
return {
CompanyService: {
fetchCompanies: () => companiesUnsorted
}
};
});
describe('useCompanyList', () => {
// See the following StackOverflow question for an explanation of this test
// https://stackoverflow.com/questions/56085458/testing-custom-hook-with-react-hooks-testing-library-throws-an-error
it('returns a sorted list of companies', async () => {
const { result, waitForNextUpdate } = renderHook(() =>
useCompanyList()
);
expect(result.current.loading).toBe(true);
expect(result.current.error).toBeUndefined();
expect(result.current.companies).toEqual([]);
// Wait for the next hook update
await waitForNextUpdate();
expect(result.current.loading).toBe(false);
expect(result.current.error).toBeUndefined();
expect(result.current.companies).toEqual(companiesSorted);
});
});