@eeacms/volto-eea-chatbot 2.0.0 → 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 (81) hide show
  1. package/.eslintrc.js +6 -6
  2. package/CHANGELOG.md +12 -1
  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/index.js +8 -0
  25. package/src/ChatBlock/packets/MultiToolRenderer.tsx +11 -12
  26. package/src/ChatBlock/packets/RendererComponent.tsx +6 -3
  27. package/src/ChatBlock/packets/renderers/CustomToolRenderer.tsx +3 -3
  28. package/src/ChatBlock/packets/renderers/FetchToolRenderer.tsx +3 -3
  29. package/src/ChatBlock/packets/renderers/ImageToolRenderer.tsx +3 -3
  30. package/src/ChatBlock/packets/renderers/MessageTextRenderer.tsx +8 -8
  31. package/src/ChatBlock/packets/renderers/ReasoningRenderer.tsx +5 -5
  32. package/src/ChatBlock/packets/renderers/SearchToolRenderer.tsx +10 -10
  33. package/src/ChatBlock/services/messageProcessor.ts +6 -3
  34. package/src/ChatBlock/services/packetUtils.ts +2 -2
  35. package/src/ChatBlock/services/streamingService.ts +8 -2
  36. package/src/ChatBlock/utils/citations.ts +1 -1
  37. package/src/halloumi/filtering.test.js +199 -1
  38. package/src/ChatBlock/tests/AIMessage.test.jsx +0 -95
  39. package/src/ChatBlock/tests/AutoResizeTextarea.test.jsx +0 -49
  40. package/src/ChatBlock/tests/BlinkingDot.test.jsx +0 -71
  41. package/src/ChatBlock/tests/ChatMessage.test.jsx +0 -75
  42. package/src/ChatBlock/tests/ChatMessageFeedback.test.jsx +0 -73
  43. package/src/ChatBlock/tests/Citation.test.jsx +0 -107
  44. package/src/ChatBlock/tests/ClaimModal.test.jsx +0 -136
  45. package/src/ChatBlock/tests/ClaimSegments.test.jsx +0 -206
  46. package/src/ChatBlock/tests/CustomToolRenderer.test.jsx +0 -241
  47. package/src/ChatBlock/tests/EmptyState.test.jsx +0 -137
  48. package/src/ChatBlock/tests/FeedbackModal.test.jsx +0 -138
  49. package/src/ChatBlock/tests/FetchToolRenderer.test.jsx +0 -161
  50. package/src/ChatBlock/tests/HalloumiFeedback.test.jsx +0 -94
  51. package/src/ChatBlock/tests/ImageToolRenderer.test.jsx +0 -178
  52. package/src/ChatBlock/tests/MessageTextRenderer.test.jsx +0 -227
  53. package/src/ChatBlock/tests/MultiToolRenderer.test.jsx +0 -134
  54. package/src/ChatBlock/tests/QualityCheckToggle.test.jsx +0 -105
  55. package/src/ChatBlock/tests/ReasoningRenderer.test.jsx +0 -163
  56. package/src/ChatBlock/tests/RelatedQuestions.test.jsx +0 -215
  57. package/src/ChatBlock/tests/RenderClaimView.test.jsx +0 -191
  58. package/src/ChatBlock/tests/RendererComponent.test.jsx +0 -139
  59. package/src/ChatBlock/tests/SearchToolRenderer.test.jsx +0 -295
  60. package/src/ChatBlock/tests/Source.test.jsx +0 -79
  61. package/src/ChatBlock/tests/SourceChip.test.jsx +0 -108
  62. package/src/ChatBlock/tests/Spinner.test.jsx +0 -18
  63. package/src/ChatBlock/tests/UserActionsToolbar.test.jsx +0 -135
  64. package/src/ChatBlock/tests/UserMessage.test.jsx +0 -83
  65. package/src/ChatBlock/tests/WebResultIcon.test.jsx +0 -61
  66. package/src/ChatBlock/tests/citations.test.js +0 -114
  67. package/src/ChatBlock/tests/index.test.js +0 -51
  68. package/src/ChatBlock/tests/messageProcessor.test.jsx +0 -438
  69. package/src/ChatBlock/tests/packetUtils.test.js +0 -158
  70. package/src/ChatBlock/tests/schema.test.js +0 -166
  71. package/src/ChatBlock/tests/streamingService.test.js +0 -467
  72. package/src/ChatBlock/tests/useChatController.test.jsx +0 -268
  73. package/src/ChatBlock/tests/useChatStreaming.test.jsx +0 -163
  74. package/src/ChatBlock/tests/useDeepCompareMemoize.test.js +0 -107
  75. package/src/ChatBlock/tests/useMarked.test.jsx +0 -107
  76. package/src/ChatBlock/tests/useQualityMarkers.test.jsx +0 -150
  77. package/src/ChatBlock/tests/useScrollonStream.test.jsx +0 -121
  78. package/src/ChatBlock/tests/useToolDisplayTiming.test.jsx +0 -151
  79. package/src/ChatBlock/tests/utils.test.jsx +0 -241
  80. package/src/ChatBlock/tests/withOnyxData.test.jsx +0 -81
  81. /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
- });