UNPKG

1.88 kBTypeScriptView Raw
1import * as React from 'react';
2import render from '../../_utils/tests/render';
3import List from '../List';
4
5it('renders correctly for a basic list', () => {
6 const { container } = render(
7 <List>
8 <List.Item>Item 1</List.Item>
9 <List.Item>Item 2</List.Item>
10 <List.Item>Item 3</List.Item>
11 <List.Item>Item 4</List.Item>
12 </List>
13 );
14 expect(container.firstChild).toMatchSnapshot();
15});
16
17it('renders correctly for a list with styles', () => {
18 const { container } = render(
19 <div>
20 <List listStyleType="disc" listStylePosition="inside">
21 <List.Item>Item 1</List.Item>
22 <List.Item>Item 2</List.Item>
23 </List>
24 <List listStyleType="circle" listStylePosition="inside">
25 <List.Item>Item 1</List.Item>
26 <List.Item listStyleType="georgian">Item 2</List.Item>
27 <List listStyleType="circle">
28 <List.Item>Item 1</List.Item>
29 <List.Item>Item 2</List.Item>
30 </List>
31 </List>
32 </div>
33 );
34 expect(container.firstChild).toMatchSnapshot();
35});
36
37it('renders correctly for ordered lists', () => {
38 const { container } = render(
39 <div>
40 <List isOrdered listStylePosition="inside">
41 <List.Item>Item 1</List.Item>
42 <List.Item>Item 2</List.Item>
43 <List isOrdered>
44 <List.Item>Item 3</List.Item>
45 <List isOrdered>
46 <List.Item>Item 4</List.Item>
47 </List>
48 </List>
49 </List>
50 </div>
51 );
52 expect(container.firstChild).toMatchSnapshot();
53});
54
55it('renders correctly for horizontal lists', () => {
56 const { container } = render(
57 <div>
58 <List isHorizontal>
59 <List.Item>Item 1</List.Item>
60 <List.Item>Item 2</List.Item>
61 <List.Item>Item 3</List.Item>
62 <List.Item>Item 4</List.Item>
63 </List>
64 </div>
65 );
66 expect(container.firstChild).toMatchSnapshot();
67});