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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
import { render, screen } from '@test-utils';
import { BreadcrumbList } from 'schema-dts';
import PageLayout from './page-layout';
const title = 'Incidunt ad earum';
const breadcrumb = [
{ id: 'home', url: '#', name: 'Home' },
{ id: 'page', url: '#', name: title },
];
const breadcrumbSchema: BreadcrumbList['itemListElement'][] = [];
const children =
'Reprehenderit aut quis aperiam magnam quia id. Vero enim animi placeat quia. Laborum sit odio minima. Dolores et debitis eaque iste quidem. Omnis aliquam illum porro ea non. Quaerat totam iste quos ex facilis officia accusantium.';
describe('PageLayout', () => {
it('renders the page title', () => {
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
>
{children}
</PageLayout>
);
expect(
screen.getByRole('heading', { level: 1, name: title })
).toBeInTheDocument();
});
it('renders the page content', () => {
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
>
{children}
</PageLayout>
);
expect(screen.getByText(children)).toBeInTheDocument();
});
it('renders the breadcrumb', () => {
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
>
{children}
</PageLayout>
);
expect(
screen.getByRole('navigation', { name: 'Breadcrumb' })
).toBeInTheDocument();
});
it('renders the table of contents', () => {
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
withToC={true}
>
{children}
</PageLayout>
);
expect(
screen.getByRole('heading', { level: 2, name: /Table of Contents/i })
).toBeInTheDocument();
});
it('renders the comment form', () => {
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
allowComments={true}
>
{children}
</PageLayout>
);
expect(
screen.getByRole('form', { name: /Leave a comment/i })
).toBeInTheDocument();
});
it('renders the comments list', () => {
const comments = [
{
author: {
avatar: 'http://placeimg.com/640/480',
name: 'Author 1',
},
content:
'Voluptas ducimus inventore. Libero ut et doloribus. Earum nostrum ab. Aliquam rem dolores omnis voluptate. Sunt aut ut et.',
id: 1,
publication: '2021-04-03 18:04:11',
},
];
render(
<PageLayout
breadcrumb={breadcrumb}
breadcrumbSchema={breadcrumbSchema}
title={title}
allowComments={true}
comments={comments}
>
{children}
</PageLayout>
);
expect(
screen.getByRole('heading', { level: 2, name: /Comments/i })
).toBeInTheDocument();
});
});
|
