goto(path)}>
+ const AppTile = ({ label, path, component, enabled } : AppEntry) => (
+
goto(path)}>
{ label }
- { !component && Coming Soon
}
+ { !(enabled ?? !!component) && Coming Soon
}
);
diff --git a/AppExamples/CleverDeal.React/src/Components/WealthManagement/WealthManagement.test.tsx b/AppExamples/CleverDeal.React/src/Components/WealthManagement/WealthManagement.test.tsx
new file mode 100644
index 0000000..daa6541
--- /dev/null
+++ b/AppExamples/CleverDeal.React/src/Components/WealthManagement/WealthManagement.test.tsx
@@ -0,0 +1,533 @@
+import { act, render, screen, waitFor, within } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { MemoryRouter, Route, Routes } from 'react-router-dom';
+import { ThemeContext, type ThemeState } from '../../Theme/ThemeProvider';
+import { wealthManagementData } from './data/wealthManagement';
+import { WEALTH_SYMPHONY_THEME } from './chat/wealthSymphonyTheme';
+import WealthManagement from './WealthManagement';
+
+type CountChangeCallback = (count: number) => void;
+type StreamUnreadChangeCallback = (counts: Record
) => void;
+
+const defaultNotificationDebugSnapshot = {
+ totalCount: 0,
+ globalUnreadCount: 0,
+ fallbackUnreadCount: 0,
+ origins: [],
+ subscriptions: [],
+ recentNotifications: [],
+ lastEventSummary: null,
+ lastEventAt: null,
+};
+
+const mockWindowSymphonyOpenStream = jest.fn();
+const mockWindowSymphonySendMessage = jest.fn(() => Promise.resolve());
+const mockSdkInit = jest.fn(() => Promise.resolve()) as unknown as jest.Mock<
+ Promise,
+ [string, string | undefined]
+>;
+const mockRenderChat = jest.fn(() => Promise.resolve()) as unknown as jest.Mock<
+ Promise,
+ [string, Record]
+>;
+const mockOpenStream = jest.fn(() => Promise.resolve()) as unknown as jest.Mock<
+ Promise,
+ [string, string, Record | undefined]
+>;
+const mockNotificationsInit = jest.fn();
+const mockApplyWealthSymphonyTheme = jest.fn();
+const mockRefreshWealthSymphonyThemeAfterLayoutChange = jest.fn(() => Promise.resolve());
+const mockReleaseWealthSymphonyThemeOwnership = jest.fn();
+const mockAcquireWealthSymphonyThemeOwnership = jest.fn(() => mockReleaseWealthSymphonyThemeOwnership);
+const notificationListeners = new Set();
+const streamUnreadListeners = new Set();
+const notificationEventListeners = new Set<(event: { type: string; summary: string; receivedAt: number; payload: Record }) => void>();
+const mockOnCountChange = jest.fn((callback: CountChangeCallback) => {
+ notificationListeners.add(callback);
+ callback(mockNotificationCount);
+ return () => {
+ notificationListeners.delete(callback);
+ };
+}) as unknown as jest.Mock<() => void, [CountChangeCallback]>;
+const mockOnNotificationEvent = jest.fn((callback: (event: { type: string; summary: string; receivedAt: number; payload: Record }) => void) => {
+ notificationEventListeners.add(callback);
+ return () => {
+ notificationEventListeners.delete(callback);
+ };
+}) as unknown as jest.Mock<() => void, [(event: { type: string; summary: string; receivedAt: number; payload: Record }) => void]>;
+const mockOnStreamUnreadChange = jest.fn((callback: StreamUnreadChangeCallback) => {
+ streamUnreadListeners.add(callback);
+ callback(mockStreamUnreadCounts);
+ return () => {
+ streamUnreadListeners.delete(callback);
+ };
+}) as unknown as jest.Mock<() => void, [StreamUnreadChangeCallback]>;
+const mockOnDebugChange = jest.fn((callback: (snapshot: typeof defaultNotificationDebugSnapshot) => void) => {
+ callback(defaultNotificationDebugSnapshot);
+ return () => {};
+}) as unknown as jest.Mock<() => void, [(snapshot: typeof defaultNotificationDebugSnapshot) => void]>;
+const mockUseEcpSlot = jest.fn();
+const mockUseSharedWealthChatController = jest.fn();
+const mockUseSharedChatPresentationTransition = jest.fn();
+let mockNotificationCount = 0;
+let mockStreamUnreadCounts: Record = {};
+
+jest.mock('recharts', () => {
+ const Wrapper = () => ;
+ const Leaf = () => null;
+ return {
+ ResponsiveContainer: Wrapper,
+ AreaChart: Wrapper,
+ PieChart: Wrapper,
+ Area: Leaf,
+ Pie: Wrapper,
+ Cell: Leaf,
+ CartesianGrid: Leaf,
+ XAxis: Leaf,
+ YAxis: Leaf,
+ Tooltip: Leaf,
+ };
+});
+
+jest.mock('./chat/useSharedWealthChatController', () => ({
+ useSharedWealthChatController: (options: Record) => mockUseSharedWealthChatController(options),
+}));
+
+jest.mock('./chat/useSharedChatPresentationTransition', () => ({
+ useSharedChatPresentationTransition: (options: Record) =>
+ mockUseSharedChatPresentationTransition(options),
+}));
+
+jest.mock('./chat/symphonyNotifications', () => ({
+ symphonyNotifications: {
+ init: (ecpOrigin: string) => mockNotificationsInit(ecpOrigin),
+ onCountChange: (callback: CountChangeCallback) => mockOnCountChange(callback),
+ onNotificationEvent: (callback: (event: { type: string; summary: string; receivedAt: number; payload: Record }) => void) => mockOnNotificationEvent(callback),
+ onStreamUnreadChange: (callback: StreamUnreadChangeCallback) => mockOnStreamUnreadChange(callback),
+ onDebugChange: (callback: (snapshot: typeof defaultNotificationDebugSnapshot) => void) => mockOnDebugChange(callback),
+ get debugSnapshot() {
+ return defaultNotificationDebugSnapshot;
+ },
+ get streamUnreadSnapshot() {
+ return mockStreamUnreadCounts;
+ },
+ markMessagesViewed: jest.fn(),
+ get count() {
+ return mockNotificationCount;
+ },
+ },
+}));
+
+jest.mock('./chat/useEcpSlot', () => ({
+ useEcpSlot: (options: { slotName?: string }) => mockUseEcpSlot(options),
+}));
+
+jest.mock('./chat/symphonySdk', () => ({
+ symphonySdk: {
+ init: (ecpOrigin: string, partnerId?: string) => mockSdkInit(ecpOrigin, partnerId),
+ renderChat: (containerSelector: string, options: Record) =>
+ mockRenderChat(containerSelector, options),
+ openStream: (streamId: string, containerSelector: string, renderOptions?: Record) =>
+ mockOpenStream(streamId, containerSelector, renderOptions),
+ get isReady() {
+ return true;
+ },
+ get error() {
+ return null;
+ },
+ onStatusChange: (callback: (snapshot: { isReady: boolean; error: Error | null }) => void) => {
+ callback({ isReady: true, error: null });
+ return () => {};
+ },
+ },
+}));
+
+jest.mock('./chat/wealthSymphonyTheme', () => {
+ const actual = jest.requireActual('./chat/wealthSymphonyTheme');
+ return {
+ ...actual,
+ acquireWealthSymphonyThemeOwnership: () => mockAcquireWealthSymphonyThemeOwnership(),
+ applyWealthSymphonyTheme: () => mockApplyWealthSymphonyTheme(),
+ applyWealthSymphonyThemeWithSettle: () => { mockApplyWealthSymphonyTheme(); return Promise.resolve(); },
+ refreshWealthSymphonyThemeAfterLayoutChange: () => mockRefreshWealthSymphonyThemeAfterLayoutChange(),
+ };
+});
+
+const themeValue: ThemeState = {
+ theme: {
+ id: 'light',
+ name: 'Light',
+ colors: {
+ primary: '#0a2c63',
+ secondary: '#123b7a',
+ error: '#dc2626',
+ background: '#ffffff',
+ surface: '#f8fafc',
+ onPrimary: '#ffffff',
+ onSecondary: '#ffffff',
+ onBackground: '#0f172a',
+ onSurface: '#0f172a',
+ onError: '#ffffff',
+ symphonyMode: 'light',
+ },
+ },
+ themes: {},
+ setTheme: jest.fn(),
+ applyTheme: jest.fn(),
+};
+
+function renderWealth(path: string) {
+ return render(
+
+
+
+ } />
+ Root Home