1 | import * as React from 'react';
|
2 | import render from '../../_utils/tests/render';
|
3 | import List from '../List';
|
4 |
|
5 | it('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 |
|
17 | it('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 |
|
37 | it('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 |
|
55 | it('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 | });
|