@cccsaurora/howler-ui 2.19.0-dev.1308 → 2.19.0-dev.1316

package/components/elements/record/RecordContextMenu.js

@@ -179,7 +179,7 @@ const RecordContextMenu = ({ children, getSelectedId, Component }) => {
                 items: actions.map(action => ({
                     key: action.action_id,
                     label: action.name,
-                    onClick: () => executeAction(action.action_id, `howler.id:${record?.howler.id}`)
+                    onClick: () => executeAction(action.action_id, `howler.id:(${records.map(r => r.howler.id).join(' OR ')})`)
                 }))
             });
             if (!isEmpty(template?.keys ?? []) && setQuery) {

package/components/elements/record/RecordContextMenu.test.js

@@ -137,8 +137,12 @@ describe('HitContextMenu', () => {
     beforeEach(() => {
         user = userEvent.setup();
         vi.clearAllMocks();
+        // Reset context to clean state
         mockRecordContext.selectedRecords.length = 0;
-        mockRecordContext.records['test-hit-1'] = createMockHit();
+        mockRecordContext.records = {
+            'test-hit-1': createMockHit()
+        };
+        mockGetSelectedId.mockReturnValue('test-hit-1');
         mockGetMatchingAnalytic.mockResolvedValue(createMockAnalytic());
         mockGetMatchingTemplate.mockResolvedValue(createMockTemplate());
         rerender = render(_jsx(Wrapper, { children: _jsx(RecordContextMenu, { getSelectedId: mockGetSelectedId, children: _jsx("div", { children: "Test Content" }) }) })).rerender;
@@ -461,7 +465,7 @@ describe('HitContextMenu', () => {
                 expect(mockExecuteAction).toHaveBeenCalled();
             });
         });
-        it('should call executeAction with action_id and hit query', async () => {
+        it('should call executeAction with action_id and hit query for a single hit', async () => {
             const mockActions = [createMockAction({ action_id: 'action-1', name: 'Custom Action' })];
             mockDispatchApi.mockResolvedValue({ items: mockActions });
             rerender(_jsx(Wrapper, { children: _jsx(RecordContextMenu, { getSelectedId: mockGetSelectedId, children: _jsx("div", { children: "Test Content" }) }) }));
@@ -485,7 +489,42 @@ describe('HitContextMenu', () => {
                 await user.click(customActionOption);
             });
             await waitFor(() => {
-                expect(mockExecuteAction).toHaveBeenCalledWith('action-1', 'howler.id:test-hit-1');
+                expect(mockExecuteAction).toHaveBeenCalledWith('action-1', 'howler.id:(test-hit-1)');
+            });
+        });
+        it('should call executeAction with combined hit query when multiple hits are selected', async () => {
+            const mockActions = [createMockAction({ action_id: 'action-1', name: 'Custom Action' })];
+            mockDispatchApi.mockResolvedValue({ items: mockActions });
+            const hit1 = createMockHit({ howler: { id: 'hit-1' } });
+            const hit2 = createMockHit({ howler: { id: 'hit-2' } });
+            const hit3 = createMockHit({ howler: { id: 'hit-3' } });
+            mockRecordContext.records['hit-1'] = hit1;
+            mockRecordContext.records['hit-2'] = hit2;
+            mockRecordContext.records['hit-3'] = hit3;
+            mockRecordContext.selectedRecords = [hit1, hit2, hit3];
+            mockGetSelectedId.mockReturnValue('hit-1');
+            rerender(_jsx(Wrapper, { children: _jsx(RecordContextMenu, { getSelectedId: mockGetSelectedId, children: _jsx("div", { children: "Test Content" }) }) }));
+            act(() => {
+                const contextMenuWrapper = screen.getByText('Test Content').parentElement;
+                fireEvent.contextMenu(contextMenuWrapper);
+            });
+            let actionsMenuItem;
+            await waitFor(() => {
+                actionsMenuItem = screen.getByText('Run Action');
+                expect(actionsMenuItem).toBeInTheDocument();
+            });
+            act(() => {
+                fireEvent.mouseEnter(actionsMenuItem);
+            });
+            await waitFor(() => {
+                expect(screen.getByTestId('actions-submenu')).toBeInTheDocument();
+            });
+            await act(async () => {
+                const customActionOption = screen.getByText('Custom Action');
+                await user.click(customActionOption);
+            });
+            await waitFor(() => {
+                expect(mockExecuteAction).toHaveBeenCalledWith('action-1', 'howler.id:(hit-1 OR hit-2 OR hit-3)');
             });
         });
         it('should close menu after action execution', async () => {

package/package.json

@@ -93,7 +93,7 @@
     "url": "https://github.com/CybercentreCanada/howler"
   },
   "type": "module",
-  "version": "2.19.0-dev.1308",
+  "version": "2.19.0-dev.1316",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",