@eeacms/volto-eea-chatbot 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/.eslintrc.js +6 -6
  2. package/CHANGELOG.md +2 -0
  3. package/jest-addon.config.js +1 -0
  4. package/package.json +1 -1
  5. package/src/ChatBlock/ChatBlockEdit.jsx +2 -1
  6. package/src/ChatBlock/chat/AIMessage.tsx +20 -16
  7. package/src/ChatBlock/chat/ChatMessage.tsx +1 -1
  8. package/src/ChatBlock/chat/ChatWindow.tsx +10 -11
  9. package/src/ChatBlock/chat/UserMessage.tsx +4 -4
  10. package/src/ChatBlock/components/AutoResizeTextarea.jsx +1 -1
  11. package/src/ChatBlock/components/ChatMessageFeedback.jsx +2 -2
  12. package/src/ChatBlock/components/EmptyState.jsx +1 -1
  13. package/src/ChatBlock/components/FeedbackModal.jsx +1 -1
  14. package/src/ChatBlock/components/HalloumiFeedback.jsx +2 -2
  15. package/src/ChatBlock/components/Source.jsx +2 -2
  16. package/src/ChatBlock/components/UserActionsToolbar.jsx +3 -3
  17. package/src/ChatBlock/components/WebResultIcon.tsx +2 -2
  18. package/src/ChatBlock/components/markdown/ClaimModal.jsx +3 -3
  19. package/src/ChatBlock/components/markdown/ClaimSegments.jsx +4 -4
  20. package/src/ChatBlock/components/markdown/{index.js → index.jsx} +1 -1
  21. package/src/ChatBlock/hooks/useChatController.ts +7 -4
  22. package/src/ChatBlock/hooks/useChatStreaming.ts +4 -4
  23. package/src/ChatBlock/hooks/useToolDisplayTiming.ts +1 -1
  24. package/src/ChatBlock/packets/MultiToolRenderer.tsx +11 -12
  25. package/src/ChatBlock/packets/RendererComponent.tsx +6 -3
  26. package/src/ChatBlock/packets/renderers/CustomToolRenderer.tsx +3 -3
  27. package/src/ChatBlock/packets/renderers/FetchToolRenderer.tsx +3 -3
  28. package/src/ChatBlock/packets/renderers/ImageToolRenderer.tsx +3 -3
  29. package/src/ChatBlock/packets/renderers/MessageTextRenderer.tsx +8 -8
  30. package/src/ChatBlock/packets/renderers/ReasoningRenderer.tsx +5 -5
  31. package/src/ChatBlock/packets/renderers/SearchToolRenderer.tsx +10 -10
  32. package/src/ChatBlock/services/messageProcessor.ts +6 -3
  33. package/src/ChatBlock/services/packetUtils.ts +2 -2
  34. package/src/ChatBlock/services/streamingService.ts +8 -2
  35. package/src/ChatBlock/utils/citations.ts +1 -1
  36. package/src/halloumi/filtering.test.js +199 -1
  37. package/src/ChatBlock/tests/AIMessage.test.jsx +0 -95
  38. package/src/ChatBlock/tests/AutoResizeTextarea.test.jsx +0 -49
  39. package/src/ChatBlock/tests/BlinkingDot.test.jsx +0 -71
  40. package/src/ChatBlock/tests/ChatMessage.test.jsx +0 -75
  41. package/src/ChatBlock/tests/ChatMessageFeedback.test.jsx +0 -73
  42. package/src/ChatBlock/tests/Citation.test.jsx +0 -107
  43. package/src/ChatBlock/tests/ClaimModal.test.jsx +0 -136
  44. package/src/ChatBlock/tests/ClaimSegments.test.jsx +0 -206
  45. package/src/ChatBlock/tests/CustomToolRenderer.test.jsx +0 -241
  46. package/src/ChatBlock/tests/EmptyState.test.jsx +0 -137
  47. package/src/ChatBlock/tests/FeedbackModal.test.jsx +0 -138
  48. package/src/ChatBlock/tests/FetchToolRenderer.test.jsx +0 -161
  49. package/src/ChatBlock/tests/HalloumiFeedback.test.jsx +0 -94
  50. package/src/ChatBlock/tests/ImageToolRenderer.test.jsx +0 -178
  51. package/src/ChatBlock/tests/MessageTextRenderer.test.jsx +0 -227
  52. package/src/ChatBlock/tests/MultiToolRenderer.test.jsx +0 -134
  53. package/src/ChatBlock/tests/QualityCheckToggle.test.jsx +0 -105
  54. package/src/ChatBlock/tests/ReasoningRenderer.test.jsx +0 -163
  55. package/src/ChatBlock/tests/RelatedQuestions.test.jsx +0 -215
  56. package/src/ChatBlock/tests/RenderClaimView.test.jsx +0 -191
  57. package/src/ChatBlock/tests/RendererComponent.test.jsx +0 -139
  58. package/src/ChatBlock/tests/SearchToolRenderer.test.jsx +0 -295
  59. package/src/ChatBlock/tests/Source.test.jsx +0 -79
  60. package/src/ChatBlock/tests/SourceChip.test.jsx +0 -108
  61. package/src/ChatBlock/tests/Spinner.test.jsx +0 -18
  62. package/src/ChatBlock/tests/UserActionsToolbar.test.jsx +0 -135
  63. package/src/ChatBlock/tests/UserMessage.test.jsx +0 -83
  64. package/src/ChatBlock/tests/WebResultIcon.test.jsx +0 -61
  65. package/src/ChatBlock/tests/citations.test.js +0 -114
  66. package/src/ChatBlock/tests/index.test.js +0 -51
  67. package/src/ChatBlock/tests/messageProcessor.test.jsx +0 -438
  68. package/src/ChatBlock/tests/packetUtils.test.js +0 -158
  69. package/src/ChatBlock/tests/schema.test.js +0 -166
  70. package/src/ChatBlock/tests/streamingService.test.js +0 -467
  71. package/src/ChatBlock/tests/useChatController.test.jsx +0 -268
  72. package/src/ChatBlock/tests/useChatStreaming.test.jsx +0 -163
  73. package/src/ChatBlock/tests/useDeepCompareMemoize.test.js +0 -107
  74. package/src/ChatBlock/tests/useMarked.test.jsx +0 -107
  75. package/src/ChatBlock/tests/useQualityMarkers.test.jsx +0 -150
  76. package/src/ChatBlock/tests/useScrollonStream.test.jsx +0 -121
  77. package/src/ChatBlock/tests/useToolDisplayTiming.test.jsx +0 -151
  78. package/src/ChatBlock/tests/utils.test.jsx +0 -241
  79. package/src/ChatBlock/tests/withOnyxData.test.jsx +0 -81
  80. /package/src/ChatBlock/{schema.js → schema.jsx} +0 -0
@@ -1,268 +0,0 @@
1
- import { renderHook, act } from '@testing-library/react-hooks';
2
- import { PacketType } from '../types/streamingModels';
3
-
4
- import { useChatController } from '../hooks/useChatController';
5
- import { createChatSession } from '../services/streamingService';
6
-
7
- // Mock the streaming service with configurable sendMessage behavior
8
- const mockSendMessage = jest.fn(async function* () {
9
- yield [];
10
- });
11
-
12
- jest.mock('../services/streamingService', () => ({
13
- sendMessage: (...args) => mockSendMessage(...args),
14
- createChatSession: jest.fn().mockResolvedValue('session-123'),
15
- }));
16
-
17
- describe('useChatController', () => {
18
- afterEach(() => {
19
- jest.restoreAllMocks();
20
- mockSendMessage.mockImplementation(async function* () {
21
- yield [];
22
- });
23
- });
24
-
25
- it('initializes with correct default state', () => {
26
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
27
-
28
- expect(result.current.messages).toEqual([]);
29
- expect(result.current.isStreaming).toBe(false);
30
- expect(result.current.isCancelled).toBe(false);
31
- expect(typeof result.current.onSubmit).toBe('function');
32
- expect(typeof result.current.clearChat).toBe('function');
33
- expect(typeof result.current.cancelStreaming).toBe('function');
34
- });
35
-
36
- it('initializes deep research based on config', () => {
37
- const { result } = renderHook(() =>
38
- useChatController({ personaId: 1, deepResearch: 'always_on' }),
39
- );
40
-
41
- expect(result.current.isDeepResearchEnabled).toBe(true);
42
- });
43
-
44
- it('initializes deep research as false when not configured', () => {
45
- const { result } = renderHook(() =>
46
- useChatController({ personaId: 1, deepResearch: 'disabled' }),
47
- );
48
-
49
- expect(result.current.isDeepResearchEnabled).toBe(false);
50
- });
51
-
52
- it('initializes deep research with user_on', () => {
53
- const { result } = renderHook(() =>
54
- useChatController({ personaId: 1, deepResearch: 'user_on' }),
55
- );
56
-
57
- expect(result.current.isDeepResearchEnabled).toBe(true);
58
- });
59
-
60
- it('creates a chat session on first submit', async () => {
61
- createChatSession.mockResolvedValue('session-123');
62
-
63
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
64
-
65
- await act(async () => {
66
- await result.current.onSubmit({ message: 'Hello' });
67
- });
68
-
69
- expect(createChatSession).toHaveBeenCalledWith(1, 'Chat session');
70
- expect(result.current.messages.length).toBeGreaterThan(0);
71
- // First message should be a user message
72
- expect(result.current.messages[0].type).toBe('user');
73
- expect(result.current.messages[0].message).toBe('Hello');
74
- });
75
-
76
- it('does not submit empty messages', async () => {
77
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
78
-
79
- await act(async () => {
80
- await result.current.onSubmit({ message: ' ' });
81
- });
82
-
83
- // Should only have session creation but no messages since message is blank
84
- expect(result.current.messages).toEqual([]);
85
- });
86
-
87
- it('clearChat resets all state', async () => {
88
- createChatSession.mockResolvedValue('session-123');
89
-
90
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
91
-
92
- await act(async () => {
93
- await result.current.onSubmit({ message: 'Hello' });
94
- });
95
-
96
- expect(result.current.messages.length).toBeGreaterThan(0);
97
-
98
- act(() => {
99
- result.current.clearChat();
100
- });
101
-
102
- expect(result.current.messages).toEqual([]);
103
- expect(result.current.chatSessionId).toBeNull();
104
- });
105
-
106
- it('cancelStreaming sets isCancelled to true', () => {
107
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
108
-
109
- act(() => {
110
- result.current.cancelStreaming();
111
- });
112
-
113
- expect(result.current.isCancelled).toBe(true);
114
- });
115
-
116
- it('setIsDeepResearchEnabled toggles deep research', () => {
117
- const { result } = renderHook(() =>
118
- useChatController({ personaId: 1, deepResearch: 'user_off' }),
119
- );
120
-
121
- expect(result.current.isDeepResearchEnabled).toBe(false);
122
-
123
- act(() => {
124
- result.current.setIsDeepResearchEnabled(true);
125
- });
126
-
127
- expect(result.current.isDeepResearchEnabled).toBe(true);
128
- });
129
-
130
- it('handles session creation error gracefully', async () => {
131
- createChatSession.mockRejectedValue(new Error('Session creation failed'));
132
-
133
- const consoleSpy = jest
134
- .spyOn(console, 'error')
135
- .mockImplementation(() => {});
136
-
137
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
138
-
139
- await act(async () => {
140
- await result.current.onSubmit({ message: 'Hello' });
141
- });
142
-
143
- expect(consoleSpy).toHaveBeenCalled();
144
- consoleSpy.mockRestore();
145
- });
146
-
147
- it('reuses existing session on subsequent submits', async () => {
148
- createChatSession.mockResolvedValue('session-123');
149
-
150
- mockSendMessage.mockImplementation(async function* () {
151
- yield [
152
- {
153
- ind: 1,
154
- obj: {
155
- type: PacketType.MESSAGE_START,
156
- id: 'msg1',
157
- content: 'Reply',
158
- final_documents: null,
159
- },
160
- },
161
- { ind: 2, obj: { type: PacketType.STOP } },
162
- ];
163
- });
164
-
165
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
166
-
167
- await act(async () => {
168
- await result.current.onSubmit({ message: 'First' });
169
- });
170
-
171
- createChatSession.mockClear();
172
-
173
- await act(async () => {
174
- await result.current.onSubmit({ message: 'Second' });
175
- });
176
-
177
- // Should not create a new session
178
- expect(createChatSession).not.toHaveBeenCalled();
179
- });
180
-
181
- it('adds user message with deep research type when enabled', async () => {
182
- createChatSession.mockResolvedValue('session-123');
183
-
184
- const { result } = renderHook(() =>
185
- useChatController({ personaId: 1, deepResearch: 'always_on' }),
186
- );
187
-
188
- await act(async () => {
189
- await result.current.onSubmit({ message: 'Search deeply' });
190
- });
191
-
192
- const userMsg = result.current.messages.find((m) => m.type === 'user');
193
- expect(userMsg.researchType).toBe('DEEP');
194
- });
195
-
196
- it('adds user message with fast research type when deep research is disabled', async () => {
197
- createChatSession.mockResolvedValue('session-123');
198
-
199
- const { result } = renderHook(() =>
200
- useChatController({ personaId: 1, deepResearch: 'disabled' }),
201
- );
202
-
203
- await act(async () => {
204
- await result.current.onSubmit({ message: 'Quick search' });
205
- });
206
-
207
- const userMsg = result.current.messages.find((m) => m.type === 'user');
208
- expect(userMsg.researchType).toBe('FAST');
209
- });
210
-
211
- it('exposes onFetchRelatedQuestions callback', () => {
212
- const { result } = renderHook(() =>
213
- useChatController({ personaId: 1, enableQgen: true, qgenAsistantId: 2 }),
214
- );
215
-
216
- expect(typeof result.current.onFetchRelatedQuestions).toBe('function');
217
- });
218
-
219
- it('onFetchRelatedQuestions sets null relatedQuestions when deep research is on', async () => {
220
- createChatSession.mockResolvedValue('session-123');
221
-
222
- mockSendMessage.mockImplementation(async function* () {
223
- yield [
224
- {
225
- ind: 1,
226
- obj: {
227
- type: PacketType.MESSAGE_START,
228
- id: 'msg1',
229
- content: 'Answer',
230
- final_documents: null,
231
- },
232
- },
233
- { ind: 2, obj: { type: PacketType.STOP } },
234
- ];
235
- });
236
-
237
- const { result } = renderHook(() =>
238
- useChatController({
239
- personaId: 1,
240
- enableQgen: true,
241
- qgenAsistantId: 2,
242
- deepResearch: 'always_on',
243
- }),
244
- );
245
-
246
- await act(async () => {
247
- await result.current.onSubmit({ message: 'Hello' });
248
- });
249
-
250
- await act(async () => {
251
- await result.current.onFetchRelatedQuestions();
252
- });
253
-
254
- // When deep research is on, relatedQuestions should be set to null
255
- const assistantMsg = result.current.messages.find(
256
- (m) => m.type === 'assistant',
257
- );
258
- if (assistantMsg) {
259
- expect(assistantMsg.relatedQuestions).toBeNull();
260
- }
261
- });
262
-
263
- it('exposes isFetchingRelatedQuestions state', () => {
264
- const { result } = renderHook(() => useChatController({ personaId: 1 }));
265
-
266
- expect(result.current.isFetchingRelatedQuestions).toBe(false);
267
- });
268
- });
@@ -1,163 +0,0 @@
1
- import { renderHook, act } from '@testing-library/react-hooks';
2
-
3
- import { useChatStreaming } from '../hooks/useChatStreaming';
4
- import { sendMessage } from '../services/streamingService';
5
- import { PacketType } from '../types/streamingModels';
6
-
7
- // Mock the streaming service
8
- jest.mock('../services/streamingService', () => ({
9
- sendMessage: jest.fn(),
10
- createChatSession: jest.fn(),
11
- }));
12
-
13
- describe('useChatStreaming', () => {
14
- afterEach(() => {
15
- jest.restoreAllMocks();
16
- });
17
-
18
- it('initializes with correct default state', () => {
19
- const { result } = renderHook(() => useChatStreaming());
20
-
21
- expect(result.current.isStreaming).toBe(false);
22
- expect(result.current.currentMessage).toBeNull();
23
- expect(typeof result.current.startStreaming).toBe('function');
24
- expect(typeof result.current.cancelStreaming).toBe('function');
25
- });
26
-
27
- it('starts and completes streaming', async () => {
28
- const packets = [
29
- {
30
- ind: 1,
31
- obj: { type: PacketType.MESSAGE_START, content: 'Hello' },
32
- },
33
- ];
34
-
35
- sendMessage.mockImplementation(async function* () {
36
- yield packets;
37
- });
38
-
39
- const onMessageUpdate = jest.fn();
40
- const onComplete = jest.fn();
41
-
42
- const { result } = renderHook(() =>
43
- useChatStreaming({ onMessageUpdate, onComplete }),
44
- );
45
-
46
- await act(async () => {
47
- await result.current.startStreaming(
48
- {
49
- message: 'test',
50
- chatSessionId: 'session-1',
51
- parentMessageId: null,
52
- regenerate: false,
53
- filters: null,
54
- selectedDocumentIds: [],
55
- },
56
- 1,
57
- null,
58
- );
59
- });
60
-
61
- expect(result.current.isStreaming).toBe(false);
62
- expect(onMessageUpdate).toHaveBeenCalled();
63
- });
64
-
65
- it('handles streaming error', async () => {
66
- sendMessage.mockImplementation(async function* () {
67
- yield '';
68
- throw new Error('Stream failed');
69
- });
70
-
71
- const onError = jest.fn();
72
-
73
- const { result } = renderHook(() => useChatStreaming({ onError }));
74
-
75
- await act(async () => {
76
- await result.current.startStreaming(
77
- {
78
- message: 'test',
79
- chatSessionId: 'session-1',
80
- parentMessageId: null,
81
- regenerate: false,
82
- filters: null,
83
- selectedDocumentIds: [],
84
- },
85
- 1,
86
- null,
87
- );
88
- });
89
-
90
- expect(result.current.isStreaming).toBe(false);
91
- expect(onError).toHaveBeenCalledWith(expect.any(Error), expect.anything());
92
- });
93
-
94
- it('cancelStreaming aborts the stream', async () => {
95
- let resolveStream;
96
- const streamPromise = new Promise((resolve) => {
97
- resolveStream = resolve;
98
- });
99
-
100
- sendMessage.mockImplementation(async function* () {
101
- await streamPromise;
102
- yield [];
103
- });
104
-
105
- const { result } = renderHook(() => useChatStreaming());
106
-
107
- // Start streaming without awaiting
108
- act(() => {
109
- result.current.startStreaming(
110
- {
111
- message: 'test',
112
- chatSessionId: 'session-1',
113
- parentMessageId: null,
114
- regenerate: false,
115
- filters: null,
116
- selectedDocumentIds: [],
117
- },
118
- 1,
119
- null,
120
- );
121
- });
122
-
123
- // Cancel the stream
124
- act(() => {
125
- result.current.cancelStreaming();
126
- });
127
-
128
- expect(result.current.isStreaming).toBe(false);
129
-
130
- // Cleanup
131
- resolveStream();
132
- });
133
-
134
- it('does not call onError for AbortError', async () => {
135
- sendMessage.mockImplementation(async function* () {
136
- yield '';
137
- const error = new Error('Aborted');
138
- error.name = 'AbortError';
139
- throw error;
140
- });
141
-
142
- const onError = jest.fn();
143
-
144
- const { result } = renderHook(() => useChatStreaming({ onError }));
145
-
146
- await act(async () => {
147
- await result.current.startStreaming(
148
- {
149
- message: 'test',
150
- chatSessionId: 'session-1',
151
- parentMessageId: null,
152
- regenerate: false,
153
- filters: null,
154
- selectedDocumentIds: [],
155
- },
156
- 1,
157
- null,
158
- );
159
- });
160
-
161
- expect(onError).not.toHaveBeenCalled();
162
- });
163
- });
@@ -1,107 +0,0 @@
1
- import { renderHook } from '@testing-library/react-hooks';
2
- import '@testing-library/jest-dom';
3
- import { useDeepCompareMemoize } from '../hooks/useDeepCompareMemoize';
4
-
5
- describe('useDeepCompareMemoize', () => {
6
- it('returns the same reference for equal objects', () => {
7
- const deps1 = { a: 1, b: 2 };
8
- const deps2 = { a: 1, b: 2 };
9
-
10
- const { result, rerender } = renderHook(
11
- ({ deps }) => useDeepCompareMemoize(deps),
12
- { initialProps: { deps: deps1 } },
13
- );
14
-
15
- const firstResult = result.current;
16
-
17
- rerender({ deps: deps2 });
18
-
19
- expect(result.current).toBe(firstResult);
20
- });
21
-
22
- it('returns new reference for different objects', () => {
23
- const deps1 = { a: 1, b: 2 };
24
- const deps2 = { a: 1, b: 3 };
25
-
26
- const { result, rerender } = renderHook(
27
- ({ deps }) => useDeepCompareMemoize(deps),
28
- { initialProps: { deps: deps1 } },
29
- );
30
-
31
- const firstResult = result.current;
32
-
33
- rerender({ deps: deps2 });
34
-
35
- expect(result.current).not.toBe(firstResult);
36
- expect(result.current).toEqual(deps2);
37
- });
38
-
39
- it('handles arrays correctly', () => {
40
- const deps1 = [1, 2, 3];
41
- const deps2 = [1, 2, 3];
42
- const deps3 = [1, 2, 4];
43
-
44
- const { result, rerender } = renderHook(
45
- ({ deps }) => useDeepCompareMemoize(deps),
46
- { initialProps: { deps: deps1 } },
47
- );
48
-
49
- const firstResult = result.current;
50
-
51
- rerender({ deps: deps2 });
52
- expect(result.current).toBe(firstResult);
53
-
54
- rerender({ deps: deps3 });
55
- expect(result.current).not.toBe(firstResult);
56
- expect(result.current).toEqual(deps3);
57
- });
58
-
59
- it('handles nested objects', () => {
60
- const deps1 = { a: { b: { c: 1 } } };
61
- const deps2 = { a: { b: { c: 1 } } };
62
- const deps3 = { a: { b: { c: 2 } } };
63
-
64
- const { result, rerender } = renderHook(
65
- ({ deps }) => useDeepCompareMemoize(deps),
66
- { initialProps: { deps: deps1 } },
67
- );
68
-
69
- const firstResult = result.current;
70
-
71
- rerender({ deps: deps2 });
72
- expect(result.current).toBe(firstResult);
73
-
74
- rerender({ deps: deps3 });
75
- expect(result.current).not.toBe(firstResult);
76
- });
77
-
78
- it('handles primitive values', () => {
79
- const { result, rerender } = renderHook(
80
- ({ deps }) => useDeepCompareMemoize(deps),
81
- { initialProps: { deps: 'test' } },
82
- );
83
-
84
- const firstResult = result.current;
85
-
86
- rerender({ deps: 'test' });
87
- expect(result.current).toBe(firstResult);
88
-
89
- rerender({ deps: 'different' });
90
- expect(result.current).not.toBe(firstResult);
91
- });
92
-
93
- it('handles null and undefined', () => {
94
- const { result, rerender } = renderHook(
95
- ({ deps }) => useDeepCompareMemoize(deps),
96
- { initialProps: { deps: null } },
97
- );
98
-
99
- const firstResult = result.current;
100
-
101
- rerender({ deps: null });
102
- expect(result.current).toBe(firstResult);
103
-
104
- rerender({ deps: undefined });
105
- expect(result.current).not.toBe(firstResult);
106
- });
107
- });
@@ -1,107 +0,0 @@
1
- import { renderHook } from '@testing-library/react-hooks';
2
- import { useMarked } from '../hooks/useMarked';
3
-
4
- describe('useMarked', () => {
5
- const createMockLibs = () => ({
6
- highlightJs: {
7
- default: {
8
- getLanguage: jest.fn((lang) => (lang === 'javascript' ? true : false)),
9
- highlight: jest.fn((lang, code) => ({
10
- value: `<highlighted>${code}</highlighted>`,
11
- })),
12
- },
13
- },
14
- marked: {
15
- marked: {
16
- setOptions: jest.fn(),
17
- parse: jest.fn((text) => Promise.resolve(`<p>${text}</p>`)),
18
- },
19
- Renderer: jest.fn().mockImplementation(function () {
20
- this.paragraph = null;
21
- this.list = null;
22
- this.listitem = null;
23
- this.code = null;
24
- }),
25
- },
26
- });
27
-
28
- it('returns a parser function', () => {
29
- const libs = createMockLibs();
30
- const { result } = renderHook(() => useMarked(libs));
31
- expect(result.current.parser).toBeDefined();
32
- expect(typeof result.current.parser).toBe('function');
33
- });
34
-
35
- it('parser calls marked.parse', async () => {
36
- const libs = createMockLibs();
37
- const { result } = renderHook(() => useMarked(libs));
38
-
39
- await result.current.parser('Hello world');
40
- expect(libs.marked.marked.parse).toHaveBeenCalledWith('Hello world');
41
- });
42
-
43
- it('sets up renderer with custom paragraph', () => {
44
- const libs = createMockLibs();
45
- renderHook(() => useMarked(libs));
46
-
47
- // The renderer instance should have custom methods
48
- const rendererInstance = libs.marked.Renderer.mock.instances[0];
49
- expect(rendererInstance.paragraph).toBeDefined();
50
- expect(rendererInstance.paragraph('text')).toBe('text\n');
51
- });
52
-
53
- it('sets up renderer with custom list', () => {
54
- const libs = createMockLibs();
55
- renderHook(() => useMarked(libs));
56
-
57
- const rendererInstance = libs.marked.Renderer.mock.instances[0];
58
- expect(rendererInstance.list('items')).toBe('items\n\n');
59
- });
60
-
61
- it('sets up renderer with custom listitem', () => {
62
- const libs = createMockLibs();
63
- renderHook(() => useMarked(libs));
64
-
65
- const rendererInstance = libs.marked.Renderer.mock.instances[0];
66
- expect(rendererInstance.listitem('item text')).toBe('\n• item text');
67
- });
68
-
69
- it('sets up renderer with custom code highlighting', () => {
70
- const libs = createMockLibs();
71
- renderHook(() => useMarked(libs));
72
-
73
- const rendererInstance = libs.marked.Renderer.mock.instances[0];
74
- const result = rendererInstance.code('const x = 1;', 'javascript');
75
-
76
- expect(result).toContain('<pre');
77
- expect(result).toContain('<highlighted>');
78
- expect(libs.highlightJs.default.highlight).toHaveBeenCalledWith(
79
- 'javascript',
80
- 'const x = 1;',
81
- );
82
- });
83
-
84
- it('falls back to plaintext for unknown languages', () => {
85
- const libs = createMockLibs();
86
- renderHook(() => useMarked(libs));
87
-
88
- const rendererInstance = libs.marked.Renderer.mock.instances[0];
89
- rendererInstance.code('some code', 'unknownlang');
90
-
91
- expect(libs.highlightJs.default.highlight).toHaveBeenCalledWith(
92
- 'plaintext',
93
- 'some code',
94
- );
95
- });
96
-
97
- it('calls setOptions with the renderer', () => {
98
- const libs = createMockLibs();
99
- renderHook(() => useMarked(libs));
100
-
101
- expect(libs.marked.marked.setOptions).toHaveBeenCalledWith(
102
- expect.objectContaining({
103
- renderer: expect.any(Object),
104
- }),
105
- );
106
- });
107
- });