-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathToast.test.js
More file actions
78 lines (66 loc) · 2.05 KB
/
Toast.test.js
File metadata and controls
78 lines (66 loc) · 2.05 KB
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
import React from 'react';
import { render, screen, fireEvent } from '@testing-library/react';
import Toast from './Toast';
import { BrowserRouter } from 'react-router-dom';
const renderToast = (props) => {
return render(
<BrowserRouter>
<Toast {...props} />
</BrowserRouter>,
);
};
describe('Toast Component', () => {
const mockRemoveToast = jest.fn();
afterEach(() => {
jest.clearAllMocks();
});
test('renders toast with message', () => {
renderToast({
id: 1,
title: 'Test Title',
message: 'Test Message',
removeToast: mockRemoveToast,
});
expect(screen.getByText('Test Title')).toBeInTheDocument();
expect(screen.getByText('Test Message')).toBeInTheDocument();
});
test('renders links as buttons', () => {
const links = [
{ label: 'Internal Link', to: '/internal' },
{ label: 'External Link', href: 'https://example.com' },
{ label: 'Action Button', onClick: jest.fn() },
];
renderToast({
id: 1,
title: 'Link Test',
message: 'Testing Links',
links: links,
removeToast: mockRemoveToast,
});
expect(screen.getByRole('link', { name: 'Internal Link' })).toHaveAttribute(
'href',
'/internal',
);
expect(screen.getByText('External Link')).toBeInTheDocument();
expect(screen.getByRole('link', { name: 'External Link' })).toHaveAttribute(
'href',
'https://example.com',
);
expect(screen.getByText('Action Button')).toBeInTheDocument();
const actionButton = screen.getByText('Action Button');
fireEvent.click(actionButton);
expect(links[2].onClick).toHaveBeenCalled();
expect(mockRemoveToast).toHaveBeenCalledWith(1);
});
test('calls removeToast when close button is clicked', () => {
renderToast({
id: 1,
title: 'Close Test',
message: 'Testing Close',
removeToast: mockRemoveToast,
});
const closeButton = screen.getByRole('button'); // The X button
fireEvent.click(closeButton);
expect(mockRemoveToast).toHaveBeenCalledWith(1);
});
});