@cccsaurora/howler-ui 3.1.0-dev.1655 → 3.1.0-dev.1657

package/components/routes/help/RetentionDocumentation.test.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen, waitFor } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockHitSearch = vi.hoisted(() => vi.fn());
+const mockModifyDocumentation = vi.hoisted(() => vi.fn((md) => `retention:${md.slice(0, 10)}`));
+vi.mock('@tui/core', () => ({
+    PageCenter: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('api', () => ({
+    default: {
+        search: {
+            hit: {
+                post: mockHitSearch
+            }
+        }
+    }
+}));
+vi.mock('components/elements/display/Markdown', () => ({
+    default: ({ md, components }) => (_jsxs("div", { children: [_jsx("div", { children: md }), _jsx("div", { children: components?.duration }), _jsx("div", { children: components?.alert })] }))
+}));
+vi.mock('components/elements/hit/HitCard', () => ({
+    default: ({ id }) => _jsxs("div", { children: ["hit:", id] })
+}));
+vi.mock('components/hooks/useScrollRestoration', () => ({
+    useScrollRestoration: vi.fn()
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: [] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ i18n: { language: 'en' } })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({})
+}));
+vi.mock('utils/utils', () => ({
+    modifyDocumentation: mockModifyDocumentation
+}));
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import RetentionDocumentation from './RetentionDocumentation';
+describe('RetentionDocumentation', () => {
+    it('renders retention values and the fetched example alert card', async () => {
+        mockHitSearch.mockResolvedValue({ items: [{ howler: { id: 'hit-1' } }] });
+        render(_jsx(ApiConfigContext.Provider, { value: {
+                config: {
+                    configuration: {
+                        system: {
+                            retention: {
+                                limit_amount: 90,
+                                limit_unit: 'days'
+                            }
+                        }
+                    }
+                }
+            }, children: _jsx(RetentionDocumentation, {}) }));
+        expect(screen.getByText(/^retention:/)).toBeInTheDocument();
+        expect(screen.getByText('90 days')).toBeInTheDocument();
+        await waitFor(() => expect(screen.getByText('hit:hit-1')).toBeInTheDocument());
+    });
+});

package/components/routes/help/SearchDocumentation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/routes/help/SearchDocumentation.test.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockUseMediaQuery = vi.hoisted(() => vi.fn(() => false));
+const mockAppUser = vi.hoisted(() => ({ user: { is_admin: true } }));
+const mockLocation = vi.hoisted(() => ({ hash: '#overview' }));
+vi.mock('@mui/material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useMediaQuery: mockUseMediaQuery
+    };
+});
+vi.mock('@tui/core', () => ({
+    PageCenter: ({ children }) => _jsx("div", { children: children }),
+    useAppBar: () => ({ autoHide: false }),
+    useAppLayout: () => ({ current: 'side' }),
+    useAppUser: () => mockAppUser
+}));
+vi.mock('components/hooks/useScrollRestoration', () => ({
+    useScrollRestoration: vi.fn()
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key })
+}));
+vi.mock('react-router', () => ({
+    useLocation: () => mockLocation
+}));
+vi.mock('./components/HelpTabs', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+import { ApiConfigContext } from '@cccsaurora/howler-ui/components/app/providers/ApiConfigProvider';
+import SearchDocumentation from './SearchDocumentation';
+const config = {
+    indexes: {
+        hit: {
+            'howler.id': { indexed: true, type: 'keyword', stored: true, list: false, default: true },
+            'howler.tags': { indexed: true, type: 'text', stored: false, list: true, default: false }
+        },
+        user: {
+            uname: { indexed: true, type: 'keyword', stored: false, list: false, default: false }
+        }
+    }
+};
+describe('SearchDocumentation', () => {
+    it('returns nothing when indexes are unavailable', () => {
+        const { container } = render(_jsx(ApiConfigContext.Provider, { value: { config: {} }, children: _jsx(SearchDocumentation, {}) }));
+        expect(container).toBeEmptyDOMElement();
+    });
+    it('renders the documented sections and indexed field tables when indexes are available', () => {
+        render(_jsx(ApiConfigContext.Provider, { value: { config }, children: _jsx(SearchDocumentation, {}) }));
+        expect(screen.getByText('title')).toBeInTheDocument();
+        expect(screen.getAllByText('overview').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('fields.idx_hit').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('fields.idx_user').length).toBeGreaterThan(0);
+        expect(screen.getByText('howler.id')).toBeInTheDocument();
+        expect(screen.getByText('howler.tags')).toBeInTheDocument();
+        expect(screen.getByText('uname')).toBeInTheDocument();
+        expect(screen.getAllByText('wildcard').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('regex').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('ranges').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('reserved').length).toBeGreaterThan(0);
+    });
+});

package/components/routes/help/TemplateDocumentation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/routes/help/TemplateDocumentation.test.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockModifyDocumentation = vi.hoisted(() => vi.fn((section) => `modified:${section}`));
+vi.mock('@mui/material', () => ({
+    Card: ({ children }) => _jsx("div", { children: children }),
+    CardContent: ({ children }) => _jsx("div", { children: children }),
+    Stack: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('@tui/core', () => ({
+    PageCenter: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/display/Markdown', () => ({
+    default: ({ md }) => _jsx("div", { children: md })
+}));
+vi.mock('components/elements/hit/HitOutline', () => ({
+    default: ({ hit, template }) => _jsx("div", { children: `${hit.howler.id}:${template.detection}:${template.keys.join(',')}` })
+}));
+vi.mock('components/elements/hit/HitLayout', () => ({
+    HitLayout: { NORMAL: 'normal' }
+}));
+vi.mock('components/hooks/useScrollRestoration', () => ({
+    useScrollRestoration: vi.fn()
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: ['demo'] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ i18n: { language: 'en' } })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({})
+}));
+vi.mock('utils/utils', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        modifyDocumentation: mockModifyDocumentation
+    };
+});
+vi.mock('./markdown/en/templates.md', () => ({
+    default: 'intro $CURRENT_URL $ALERT_1\n===SPLIT===\noutro $ALERT_2'
+}));
+vi.mock('./markdown/fr/templates.md', () => ({
+    default: 'fr-intro\n===SPLIT===\nfr-outro'
+}));
+import TemplateDocumentation from './TemplateDocumentation';
+describe('TemplateDocumentation', () => {
+    it('renders both markdown sections and sample hit outlines', () => {
+        render(_jsx(TemplateDocumentation, {}));
+        expect(screen.getByText(/modified:intro/)).toHaveTextContent(window.location.origin);
+        expect(screen.getByText(/modified:outro/)).toBeInTheDocument();
+        expect(screen.getByText(/hit1:Listening for Meows:event.start,event.end,event.kind,event.outcome/)).toBeInTheDocument();
+        expect(screen.getByText(/hit2:Looking for paw prints:event.start,event.end,event.provider,event.reason/)).toBeInTheDocument();
+        expect(mockModifyDocumentation).toHaveBeenCalledTimes(2);
+    });
+});

package/components/routes/help/ViewDocumentation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/routes/help/ViewDocumentation.test.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockModifyDocumentation = vi.hoisted(() => vi.fn((md) => `view:${md.slice(0, 10)}`));
+vi.mock('@tui/core', () => ({
+    PageCenter: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/display/Markdown', () => ({
+    default: ({ md, components }) => (_jsxs("div", { children: [_jsx("div", { children: md }), components?.search] }))
+}));
+vi.mock('components/hooks/useScrollRestoration', () => ({
+    useScrollRestoration: vi.fn()
+}));
+vi.mock('plugins/store', () => ({
+    default: { plugins: [] }
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ i18n: { language: 'en' } })
+}));
+vi.mock('react-pluggable', () => ({
+    usePluginStore: () => ({})
+}));
+vi.mock('utils/utils', () => ({
+    modifyDocumentation: mockModifyDocumentation
+}));
+import ViewDocumentation from './ViewDocumentation';
+describe('ViewDocumentation', () => {
+    it('renders transformed views markdown with the search icon component', () => {
+        render(_jsx(ViewDocumentation, {}));
+        expect(screen.getByText(/^view:/)).toBeInTheDocument();
+        expect(document.querySelector('svg')).not.toBeNull();
+    });
+});

package/components/routes/help/components/HelpTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/routes/help/components/HelpTabs.test.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { render, screen } from '@testing-library/react';
+import { describe, expect, it, vi } from 'vitest';
+const mockUseMediaQuery = vi.hoisted(() => vi.fn());
+vi.mock('@mui/material', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useMediaQuery: mockUseMediaQuery
+    };
+});
+import { Tab } from '@mui/material';
+import HelpTabs from './HelpTabs';
+describe('HelpTabs', () => {
+    it('renders vertical tabs on wide screens', () => {
+        mockUseMediaQuery.mockReturnValue(false);
+        render(_jsx(HelpTabs, { value: "one", children: _jsx(Tab, { label: "One", value: "one" }) }));
+        expect(screen.getByRole('tablist')).toHaveAttribute('aria-orientation', 'vertical');
+    });
+    it('renders horizontal tabs on narrow screens', () => {
+        mockUseMediaQuery.mockReturnValue(true);
+        render(_jsx(HelpTabs, { value: "one", children: _jsx(Tab, { label: "One", value: "one" }) }));
+        expect(screen.getByRole('tablist')).not.toHaveAttribute('aria-orientation', 'vertical');
+    });
+});

package/components/routes/hits/search/InformationPane.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/routes/hits/search/InformationPane.test.js

@@ -0,0 +1,251 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/// <reference types="vitest" />
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+const mockEmit = vi.hoisted(() => vi.fn());
+const mockGetMatchingOverview = vi.hoisted(() => vi.fn());
+const mockGetMatchingDossiers = vi.hoisted(() => vi.fn());
+const mockGetMatchingAnalytic = vi.hoisted(() => vi.fn());
+const mockGetRecord = vi.hoisted(() => vi.fn().mockResolvedValue(undefined));
+const mockOnClose = vi.hoisted(() => vi.fn());
+const parameterContextToken = vi.hoisted(() => ({ name: 'parameter-context' }));
+const recordContextToken = vi.hoisted(() => ({ name: 'record-context' }));
+const socketContextToken = vi.hoisted(() => ({ name: 'socket-context' }));
+let parameterContextValue;
+let recordContextValue;
+let socketContextValue;
+let locationValue = { pathname: '/hits' };
+vi.mock('@iconify/react', () => ({
+    Icon: () => _jsx("div", { children: "icon" })
+}));
+vi.mock('@mui/icons-material', () => ({
+    Clear: () => _jsx("div", { children: "clear-icon" }),
+    Code: () => _jsx("div", { children: "code-icon" }),
+    Comment: () => _jsx("div", { children: "comment-icon" }),
+    DataObject: () => _jsx("div", { children: "data-icon" }),
+    History: () => _jsx("div", { children: "history-icon" }),
+    LinkSharp: () => _jsx("div", { children: "link-icon" }),
+    OpenInNew: () => _jsx("div", { children: "open-icon" }),
+    QueryStats: () => _jsx("div", { children: "query-icon" })
+}));
+vi.mock('@mui/material', () => ({
+    Badge: ({ children }) => _jsx("div", { children: children }),
+    Box: ({ children }) => _jsx("div", { children: children }),
+    Divider: () => _jsx("div", { children: "divider" }),
+    IconButton: ({ children, onClick }) => _jsx("button", { onClick: onClick, children: children }),
+    Skeleton: () => _jsx("div", { children: "loading" }),
+    Stack: ({ children }) => _jsx("div", { children: children }),
+    Tab: ({ value, onClick }) => (_jsx("button", { role: "tab", onClick: onClick, children: value })),
+    Tabs: ({ children }) => _jsx("div", { children: children }),
+    Tooltip: ({ children }) => _jsx(_Fragment, { children: children }),
+    useTheme: () => ({ palette: { background: { paper: '#fff', default: '#fff' }, divider: '#ddd' }, spacing: () => 0 })
+}));
+vi.mock('components/app/hooks/useMatchers', () => ({
+    default: () => ({
+        getMatchingOverview: mockGetMatchingOverview,
+        getMatchingDossiers: mockGetMatchingDossiers,
+        getMatchingAnalytic: mockGetMatchingAnalytic
+    })
+}));
+vi.mock('components/app/providers/ParameterProvider', () => ({
+    ParameterContext: parameterContextToken
+}));
+vi.mock('components/app/providers/RecordProvider', () => ({
+    RecordContext: recordContextToken
+}));
+vi.mock('components/app/providers/SocketProvider', () => ({
+    SocketContext: socketContextToken
+}));
+vi.mock('components/elements/addons/buttons/CustomIconButton', () => ({
+    default: ({ children, onClick, tooltip, href, route }) => (_jsx("button", { onClick: onClick, "data-href": href, "data-route": route, children: tooltip ?? children }))
+}));
+vi.mock('components/elements/addons/layout/FlexOne', () => ({
+    default: () => _jsx("div", { children: "flex" })
+}));
+vi.mock('components/elements/addons/layout/vsbox/VSBox', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/addons/layout/vsbox/VSBoxContent', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/addons/layout/vsbox/VSBoxHeader', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('components/elements/addons/search/phrase/Phrase', () => ({
+    default: ({ value, onChange, error, label, endAdornment }) => (_jsxs("div", { children: [_jsxs("label", { children: [label, _jsx("input", { "aria-label": label, value: value, onChange: e => onChange(e.target.value) })] }), _jsx("div", { children: error ? 'phrase-error' : 'phrase-ok' }), endAdornment] }))
+}));
+vi.mock('components/elements/display/icons/SocketBadge', () => ({
+    default: () => _jsx("div", { children: "socket-badge" })
+}));
+vi.mock('components/elements/display/json/JSONViewer', () => ({
+    default: ({ data, filter }) => _jsx("div", { children: `json:${JSON.stringify(data)}:${filter}` })
+}));
+vi.mock('components/elements/hit/HitActions', () => ({
+    default: () => _jsx("div", { children: "hit-actions" })
+}));
+vi.mock('components/elements/hit/HitBanner', () => ({
+    default: () => _jsx("div", { children: "hit-banner" })
+}));
+vi.mock('components/elements/hit/HitLabels', () => ({
+    default: () => _jsx("div", { children: "hit-labels" })
+}));
+vi.mock('components/elements/hit/HitLinks', () => ({
+    default: ({ dossiers, analytic }) => _jsx("div", { children: `hit-links:${analytic?.analytic_id ?? ''}:${dossiers.length}` })
+}));
+vi.mock('components/elements/hit/HitOutline', () => ({
+    default: () => _jsx("div", { children: "hit-outline" })
+}));
+vi.mock('components/elements/hit/HitOverview', () => ({
+    default: ({ hit }) => _jsx("div", { children: `hit-overview:${hit?.howler?.id ?? ''}` })
+}));
+vi.mock('components/elements/hit/HitSummary', () => ({
+    default: () => _jsx("div", { children: "hit-summary" })
+}));
+vi.mock('components/elements/ObjectDetails', () => ({
+    default: ({ obj }) => _jsx("div", { children: `details:${obj.__index ?? 'none'}` })
+}));
+vi.mock('components/elements/record/RecordComments', () => ({
+    default: () => _jsx("div", { children: "record-comments" })
+}));
+vi.mock('components/elements/record/RecordRelated', () => ({
+    default: () => _jsx("div", { children: "record-related" })
+}));
+vi.mock('components/elements/record/RecordWorklog', () => ({
+    default: () => _jsx("div", { children: "record-worklog" })
+}));
+vi.mock('components/hooks/useMyUserList', () => ({
+    default: () => ['Analyst']
+}));
+vi.mock('components/routes/ErrorBoundary', () => ({
+    default: ({ children }) => _jsx("div", { children: children })
+}));
+vi.mock('../shared/PluginViewing', () => ({
+    default: () => _jsx("div", { children: "plugin-viewing" })
+}));
+vi.mock('../view/LeadRenderer', () => ({
+    default: ({ lead }) => _jsx("div", { children: `lead:${lead.label.en}` })
+}));
+vi.mock('react-i18next', () => ({
+    useTranslation: () => ({ t: (key) => key, i18n: { language: 'en' } })
+}));
+vi.mock('react-router', () => ({
+    useLocation: () => locationValue
+}));
+vi.mock('use-context-selector', () => ({
+    useContextSelector: (context, selector) => {
+        if (context === parameterContextToken)
+            return selector(parameterContextValue);
+        if (context === recordContextToken)
+            return selector(recordContextValue);
+        return undefined;
+    }
+}));
+vi.mock('utils/recordFunctions', () => ({
+    getUserList: () => new Set(['analyst'])
+}));
+vi.mock('utils/stringUtils', () => ({
+    validateRegex: (value) => value !== '['
+}));
+vi.mock('utils/typeUtils', () => ({
+    isHit: (record) => record?.__index === 'hit'
+}));
+vi.mock('utils/utils', () => ({
+    tryParse: (value) => `parsed:${value}`
+}));
+vi.mock('react', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useContext: (context) => {
+            if (context === socketContextToken)
+                return socketContextValue;
+            return actual.useContext(context);
+        }
+    };
+});
+import InformationPane from './InformationPane';
+describe('InformationPane', () => {
+    beforeEach(() => {
+        parameterContextValue = { selected: 'hit-1' };
+        recordContextValue = {
+            getRecord: mockGetRecord,
+            records: {
+                'hit-1': {
+                    __index: 'hit',
+                    howler: {
+                        id: 'hit-1',
+                        data: ['{"source":"data"}'],
+                        comment: [{}],
+                        dossier: [{ label: { en: 'Local lead', fr: 'Piste locale' } }]
+                    }
+                }
+            }
+        };
+        socketContextValue = { emit: mockEmit, open: true };
+        locationValue = { pathname: '/hits' };
+        mockEmit.mockReset();
+        mockGetMatchingOverview.mockReset().mockResolvedValue({ content: 'overview' });
+        mockGetMatchingDossiers
+            .mockReset()
+            .mockResolvedValue([{ leads: [{ label: { en: 'External lead', fr: 'Piste externe' } }] }]);
+        mockGetMatchingAnalytic.mockReset().mockResolvedValue({ analytic_id: 'analytic-1' });
+        mockGetRecord.mockReset().mockResolvedValue(undefined);
+        mockOnClose.mockReset();
+    });
+    it('renders hit content, switches tabs, filters json views, and emits socket events', async () => {
+        const { unmount } = render(_jsx(InformationPane, { onClose: mockOnClose }));
+        await waitFor(() => expect(mockGetMatchingOverview).toHaveBeenCalled());
+        expect(mockEmit).toHaveBeenCalledWith({ broadcast: false, action: 'viewing', id: 'hit-1' });
+        expect(screen.getByText('plugin-viewing')).toBeInTheDocument();
+        expect(screen.getByText('hit-links:analytic-1:1')).toBeInTheDocument();
+        expect(screen.getByText('hit-actions')).toBeInTheDocument();
+        expect(screen.getByText('details:hit')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('overview'));
+        await waitFor(() => expect(screen.getByText('hit-overview:hit-1')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('lead:0'));
+        await waitFor(() => expect(screen.getByText('lead:Local lead')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('external-lead:0:0'));
+        await waitFor(() => expect(screen.getByText('lead:External lead')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('data'));
+        await waitFor(() => expect(screen.getByText(/json:\["parsed:/)).toBeInTheDocument());
+        fireEvent.change(screen.getByLabelText('json.viewer.search.label'), { target: { value: '[' } });
+        expect(screen.getByText('phrase-error')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('clear-icon'));
+        expect(screen.getByText('phrase-ok')).toBeInTheDocument();
+        fireEvent.click(screen.getByText('raw'));
+        await waitFor(() => expect(screen.getByText(/json:\{"__index":"hit"/)).toBeInTheDocument());
+        fireEvent.click(screen.getByText('comments'));
+        await waitFor(() => expect(screen.getByText('record-comments')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('worklog'));
+        await waitFor(() => expect(screen.getByText('record-worklog')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('related'));
+        await waitFor(() => expect(screen.getByText('record-related')).toBeInTheDocument());
+        fireEvent.click(screen.getByText('hit.panel.details.exit'));
+        expect(mockOnClose).toHaveBeenCalled();
+        unmount();
+        expect(mockEmit).toHaveBeenCalledWith({ broadcast: false, action: 'stop_viewing', id: 'hit-1' });
+    });
+    it('loads a missing non-hit record from props and avoids socket activity when closed', async () => {
+        parameterContextValue = { selected: undefined };
+        recordContextValue = {
+            getRecord: mockGetRecord,
+            records: {
+                'event-1': {
+                    __index: 'event',
+                    howler: {
+                        id: 'event-1'
+                    }
+                }
+            }
+        };
+        socketContextValue = { emit: mockEmit, open: false };
+        locationValue = { pathname: '/bundles/test' };
+        render(_jsx(InformationPane, { selected: "event-1" }));
+        await waitFor(() => expect(mockGetRecord).toHaveBeenCalledWith('event-1', true));
+        expect(mockEmit).not.toHaveBeenCalled();
+        expect(screen.queryByText('plugin-viewing')).not.toBeInTheDocument();
+        expect(screen.queryByText('hit-actions')).not.toBeInTheDocument();
+        fireEvent.click(screen.getByText('details'));
+        await waitFor(() => expect(screen.getByText('details:event')).toBeInTheDocument());
+    });
+});