@servicetitan/titan-chatbot-ui-cypress 3.0.1 → 3.1.1

package/src/utils/test-utils-chatbot.tsx

@@ -0,0 +1,73 @@
+import { ILog, Log } from '@servicetitan/log-service';
+import { Container, provide } from '@servicetitan/react-ioc';
+import { ChatParticipantIcon } from '@servicetitan/titan-chat-ui-common';
+import {
+    CHATBOT_API_CLIENT,
+    CHATBOT_UI_BACKEND_STORE_TOKEN,
+    CHATBOT_UI_STORE_TOKEN,
+    ChatbotUiBackendStore,
+    ChatbotUiStore,
+    IChatbotApiClient,
+    IChatbotUiBackendStore,
+    IChatbotUiStore,
+} from '@servicetitan/titan-chatbot-api';
+import { mount } from 'cypress/react';
+import { FC, ReactNode } from 'react';
+import { CypressMocks } from '..';
+
+export const testInitContainerChatbot = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind<ILog>(Log).to(CypressMocks.LogMock).inSingletonScope();
+    container
+        .bind<IChatbotApiClient>(CHATBOT_API_CLIENT)
+        .to(CypressMocks.ChatbotApiClientMock)
+        .inSingletonScope();
+    container.bind<IChatbotUiStore>(CHATBOT_UI_STORE_TOKEN).to(ChatbotUiStore).inSingletonScope();
+    container
+        .bind<IChatbotUiBackendStore>(CHATBOT_UI_BACKEND_STORE_TOKEN)
+        .to(ChatbotUiBackendStore)
+        .inSingletonScope();
+    return container;
+};
+
+export const testRenderWrapperChatbot = async (
+    container: Container,
+    component: ReactNode,
+    onAfterInit: () => void = () => {}
+) => {
+    const log = container.get<ILog>(Log);
+    const chatbotApiClient = container.get<IChatbotApiClient>(CHATBOT_API_CLIENT);
+    const chatbotUiStore = container.get<IChatbotUiStore>(CHATBOT_UI_STORE_TOKEN);
+    const chatbotUiBackendStore = container.get<IChatbotUiBackendStore>(
+        CHATBOT_UI_BACKEND_STORE_TOKEN
+    );
+
+    chatbotUiBackendStore.subscribe();
+    await chatbotUiStore.run({
+        agentName: 'EchoBot',
+        agentIcon: ChatParticipantIcon.Bot,
+    });
+    onAfterInit?.();
+
+    const RenderWrapper: FC = provide({
+        singletons: [
+            {
+                provide: Log,
+                useValue: log,
+            },
+            { provide: CHATBOT_API_CLIENT, useValue: chatbotApiClient },
+            {
+                provide: CHATBOT_UI_STORE_TOKEN,
+                useValue: chatbotUiStore,
+            },
+            {
+                provide: CHATBOT_UI_BACKEND_STORE_TOKEN,
+                useValue: chatbotUiBackendStore,
+            },
+        ],
+    })(() => component);
+    RenderWrapper.displayName = 'RenderWrapper';
+    mount(<RenderWrapper />);
+};

package/src/utils/test-utils.tsx

@@ -0,0 +1,52 @@
+import { Container, provide } from '@servicetitan/react-ioc';
+import {
+    CHAT_UI_BACKEND_STORE_TOKEN,
+    CHAT_UI_STORE_TOKEN,
+    ChatParticipantIcon,
+    ChatUiBackendEchoStore,
+    ChatUiStore,
+    IChatUiBackendStore,
+    IChatUiStore,
+} from '@servicetitan/titan-chat-ui-common';
+import { mount } from 'cypress/react';
+import { FC, ReactNode } from 'react';
+
+export const testInitContainer = () => {
+    const rootContainer = new Container();
+    const container = new Container();
+    container.parent = rootContainer;
+    container.bind<IChatUiStore>(CHAT_UI_STORE_TOKEN).to(ChatUiStore).inSingletonScope();
+    container
+        .bind<IChatUiBackendStore>(CHAT_UI_BACKEND_STORE_TOKEN)
+        .to(ChatUiBackendEchoStore)
+        .inSingletonScope();
+    return container;
+};
+
+export const testRenderWrapper = async (
+    chatUiStore: IChatUiStore,
+    chatUiBackendStore: IChatUiBackendStore,
+    component: ReactNode,
+    onAfterInit: () => void = () => {}
+) => {
+    chatUiBackendStore.subscribe();
+    await chatUiStore.run({
+        agentName: 'EchoBot',
+        agentIcon: ChatParticipantIcon.Bot,
+    });
+    onAfterInit?.();
+    const RenderWrapper: FC = provide({
+        singletons: [
+            {
+                provide: CHAT_UI_STORE_TOKEN,
+                useValue: chatUiStore,
+            },
+            {
+                provide: CHAT_UI_BACKEND_STORE_TOKEN,
+                useValue: chatUiBackendStore,
+            },
+        ],
+    })(() => component);
+    RenderWrapper.displayName = 'RenderWrapper';
+    mount(<RenderWrapper />);
+};