]>
Commit | Line | Data |
---|---|---|
a7cf03c1 RBR |
1 | /** |
2 | * @jest-environment jsdom | |
3 | */ | |
4 | ||
879fa389 RBR |
5 | import '@testing-library/jest-dom/extend-expect'; |
6 | ||
47b0bfe4 | 7 | import { cleanup, render } from '@testing-library/svelte'; |
a7cf03c1 | 8 | import '$lib/i18n'; |
879fa389 RBR |
9 | |
10 | import Post from './post.svelte'; | |
11 | ||
12 | const internals = { | |
cac85db0 RBR |
13 | basicPost: { |
14 | id: 'e5a19d53-4c9a-4be8-afa5-00942ea3afa4', | |
15 | text: 'This is an example post qwerty', | |
16 | created_at: Date.UTC(2021, 3, 19, 6, 6, 6, 666).valueOf(), | |
17 | author: { | |
18 | handle: 'very_cool_user', | |
19 | id: 'b01bdb48-4b5e-46a4-97f3-6db789bcd33b' | |
20 | }, | |
21 | topic: { | |
22 | id: '35d3c3eb-e486-42ef-994c-d8ab1f1e167a', | |
23 | title: 'Parent topic, yes' | |
24 | } | |
25 | }, | |
26 | postWithoutTopic: { | |
27 | id: '9e52e38e-9007-4a20-bbf1-cea4e2f950f3', | |
28 | text: 'This is a post without a topic', | |
29 | created_at: Date.UTC(2022, 8, 21, 4, 3, 1, 340).valueOf(), | |
30 | author: { | |
31 | handle: 'my_normal_user', | |
32 | id: '121f8f97-de02-4102-b25d-f34fd619009b' | |
33 | } | |
34 | }, | |
35 | ||
36 | results: null | |
879fa389 RBR |
37 | }; |
38 | ||
39 | describe('Post component', () => { | |
cac85db0 RBR |
40 | beforeEach(() => { |
41 | internals.results = render(Post, { | |
42 | props: { | |
43 | post: internals.basicPost | |
44 | } | |
45 | }); | |
46 | }); | |
47 | ||
48 | test('Should display the text of the post', () => { | |
49 | expect(internals.results.getByText('This is an example post qwerty')).toBeVisible(); | |
50 | }); | |
51 | ||
52 | test('Should display date of the post', () => { | |
53 | expect(internals.results.getByText('2021-04-19T06:06:06.666Z')).toBeVisible(); | |
54 | }); | |
55 | ||
56 | test('Date of post should be a permalink to the post', () => { | |
57 | expect(internals.results.getByText('2021-04-19T06:06:06.666Z').closest('a')).toHaveAttribute( | |
58 | 'href', | |
59 | '/p/e5a19d53-4c9a-4be8-afa5-00942ea3afa4' | |
60 | ); | |
61 | }); | |
62 | ||
63 | test('Should display the glyph of the post author', () => { | |
64 | const glyphicon = internals.results.getByRole('img'); | |
65 | ||
66 | expect(glyphicon).toBeVisible(); | |
67 | expect(glyphicon).toHaveTextContent(/^. . . .$/); | |
68 | }); | |
69 | ||
70 | test('Should display author handle', () => { | |
71 | expect(internals.results.getByText('very_cool_user')).toBeVisible(); | |
72 | }); | |
73 | ||
74 | test('Author handle should have a permalink to topic', () => { | |
75 | expect(internals.results.getByText('very_cool_user').closest('a')).toHaveAttribute( | |
76 | 'href', | |
77 | '/a/very_cool_user' | |
78 | ); | |
79 | }); | |
80 | ||
81 | test('Should display parent topic title', () => { | |
82 | expect(internals.results.getByText('Parent topic, yes')).toBeVisible(); | |
83 | }); | |
84 | ||
85 | test('Parent topic title should have a permalink to topic', () => { | |
86 | expect(internals.results.getByText('Parent topic, yes').closest('a')).toHaveAttribute( | |
87 | 'href', | |
88 | '/t/35d3c3eb-e486-42ef-994c-d8ab1f1e167a' | |
89 | ); | |
90 | }); | |
91 | ||
92 | test('Parent topic title should have a permalink to topic', () => { | |
93 | cleanup(); | |
94 | internals.results = render(Post, { | |
95 | props: { | |
96 | post: internals.postWithoutTopic | |
97 | } | |
98 | }); | |
99 | ||
100 | expect(internals.results.queryByText('Parent topic, yes')).toBe(null); | |
101 | }); | |
102 | ||
103 | test('It should default to 1/1 when no index or count is passed', () => { | |
104 | expect(internals.results.getByTitle('Post 1 of 1 by very_cool_user')).toBeVisible(); | |
105 | }); | |
106 | ||
107 | test('Parent topic title should have a permalink to topic', () => { | |
108 | cleanup(); | |
109 | internals.results = render(Post, { | |
110 | props: { | |
111 | index: 2, | |
112 | count: 5, | |
113 | post: internals.postWithoutTopic | |
114 | } | |
115 | }); | |
116 | ||
117 | expect(internals.results.getByTitle('Post 3 of 5 by my_normal_user')).toBeVisible(); | |
118 | }); | |
879fa389 | 119 | }); |