@thoughtspot/visual-embed-sdk 1.37.0 → 1.37.1-spotter-embed

package/src/auth.spec.ts

@@ -385,6 +385,45 @@ describe('Unit test for auth', () => {
             expect(global.window.location.href).toBe(samalLoginUrl);
         });
 
+        it('should emit SAML_POPUP_CLOSED_NO_AUTH when popup window is closed', async () => {
+            jest.useFakeTimers();
+            const mockPopupWindow = { 
+                closed: false, 
+                focus: jest.fn(),
+                close: jest.fn()
+            };
+            global.window.open = jest.fn().mockReturnValue(mockPopupWindow);
+            Object.defineProperty(window, 'location', {
+                value: {
+                    href: '',
+                    hash: '',
+                },
+            });
+            spyOn(authInstance, 'samlCompletionPromise').and.returnValue(Promise.resolve(false));
+             const emitSpy = jest.fn();
+            const mockEventEmitter = { 
+                emit: emitSpy,
+                once: jest.fn(),
+                on: jest.fn()
+            };
+            authInstance.setAuthEE(mockEventEmitter as any);
+            jest.spyOn(tokenAuthService, 'isActiveService')
+                .mockReturnValueOnce(false)
+                .mockReturnValueOnce(true);
+            expect(
+                await authInstance.doSamlAuth({
+                    ...embedConfig.doSamlAuthNoRedirect,
+                }),
+            ).toBe(true);
+            document.getElementById('ts-auth-btn').click();
+            mockPopupWindow.closed = true;
+            jest.advanceTimersByTime(1000);
+            window.postMessage({ type: EmbedEvent.SAMLComplete }, '*');
+            await authInstance.samlCompletionPromise;
+            expect(emitSpy).toHaveBeenCalledWith(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            jest.useRealTimers();
+            authInstance.setAuthEE(null);
+        });
         it('when user is not loggedIn, in config noRedirect is true and isAtSSORedirectUrl is false', async () => {
             Object.defineProperty(window, 'location', {
                 value: {
@@ -408,6 +447,19 @@ describe('Unit test for auth', () => {
             await authInstance.samlCompletionPromise;
             expect(authInstance.loggedInStatus).toBe(true);
         });
+
+        it('should support emitting SAML_POPUP_CLOSED_NO_AUTH event', () => {
+            const emitSpy = jest.fn();
+            const mockEventEmitter = { 
+                emit: emitSpy,
+                once: jest.fn()
+            };
+            authInstance.setAuthEE(mockEventEmitter as any);
+            authInstance.getAuthEE().emit(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            expect(emitSpy).toHaveBeenCalledWith(authInstance.AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+            authInstance.setAuthEE(null);
+        });
+
     });
 
     describe('doOIDCAuth', () => {

package/src/auth.ts

@@ -40,7 +40,8 @@ export enum AuthFailureType {
     NO_COOKIE_ACCESS = 'NO_COOKIE_ACCESS',
     EXPIRY = 'EXPIRY',
     OTHER = 'OTHER',
-    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT'
+    IDLE_SESSION_TIMEOUT = 'IDLE_SESSION_TIMEOUT',
+    UNAUTHENTICATED_FAILURE = 'UNAUTHENTICATED_FAILURE',
 }
 
 /**
@@ -76,6 +77,11 @@ export enum AuthStatus {
      * @version SDK: 1.19.0
      */
     WAITING_FOR_POPUP = 'WAITING_FOR_POPUP',
+
+    /**
+     * Emitted when the SAML popup is closed without authentication
+     */
+    SAML_POPUP_CLOSED_NO_AUTH = 'SAML_POPUP_CLOSED_NO_AUTH',
 }
 
 /**
@@ -95,13 +101,13 @@ export interface AuthEventEmitter {
      * @param listener
      */
     on(
-        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP,
+        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH,
         listener: () => void,
     ): this;
     on(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
     once(event: AuthStatus.FAILURE, listener: (failureType: AuthFailureType) => void): this;
     once(
-        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP,
+        event: AuthStatus.SDK_SUCCESS | AuthStatus.LOGOUT | AuthStatus.WAITING_FOR_POPUP | AuthStatus.SAML_POPUP_CLOSED_NO_AUTH,
         listener: () => void,
     ): this;
     once(event: AuthStatus.SUCCESS, listener: (sessionInfo: any) => void): this;
@@ -363,6 +369,7 @@ export const doBasicAuth = async (embedConfig: EmbedConfig): Promise<boolean> =>
  * @param triggerText
  */
 async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, triggerText: string) {
+    let popupClosedCheck: NodeJS.Timeout;
     const openPopup = () => {
         if (samlAuthWindow === null || samlAuthWindow.closed) {
             samlAuthWindow = window.open(
@@ -370,10 +377,21 @@ async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, trig
                 '_blank',
                 'location=no,height=570,width=520,scrollbars=yes,status=yes',
             );
+            if (samlAuthWindow) {
+                popupClosedCheck = setInterval(() => {
+                    if (samlAuthWindow.closed) {
+                        clearInterval(popupClosedCheck);
+                        if (samlCompletionPromise && !samlCompletionResolved) {
+                            authEE?.emit(AuthStatus.SAML_POPUP_CLOSED_NO_AUTH);
+                        }
+                    }
+                }, 500);
+            }
         } else {
             samlAuthWindow.focus();
         }
     };
+    let samlCompletionResolved = false;
     authEE?.emit(AuthStatus.WAITING_FOR_POPUP);
     const containerEl = getDOMNode(triggerContainer);
     if (containerEl) {
@@ -385,6 +403,10 @@ async function samlPopupFlow(ssoURL: string, triggerContainer: DOMSelector, trig
     samlCompletionPromise = samlCompletionPromise || new Promise<void>((resolve, reject) => {
         window.addEventListener('message', (e) => {
             if (e.data.type === EmbedEvent.SAMLComplete) {
+                samlCompletionResolved = true;
+                if (popupClosedCheck) {
+                    clearInterval(popupClosedCheck);
+                }
                 (e.source as Window).close();
                 resolve();
             }

package/src/embed/app.spec.ts

@@ -494,6 +494,70 @@ describe('App embed tests', () => {
         });
     });
 
+    test('Should add hideHamburger, hideObjectSearch, hideNotification flags to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: true,
+            hideObjectSearch: true,
+            hideNotification: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&hideHamburger=true&hideObjectSearch=true&hideNotification=true${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add when hideHamburger, hideObjectSearch, hideNotification values are not true to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            hideHamburger: false,
+            hideObjectSearch: undefined,
+            hideNotification: null,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should add navigationVersion=v3 when modularHomeExperienceV3 is true to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            modularHomeExperienceV3: true,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false&navigationVersion=v3${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
+    test('Should not add navigationVersion when modularHomeExperienceV3 is false to the iframe src', async () => {
+        const appEmbed = new AppEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            modularHomeExperienceV3: false,
+        } as AppViewConfig);
+
+        appEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&modularHomeExperience=false${defaultParams}${defaultParamsPost}#/home`,
+            );
+        });
+    });
+
     test('Should add enableAskSage flag to the iframe src', async () => {
         const appEmbed = new AppEmbed(getRootEl(), {
             ...defaultViewConfig,

package/src/embed/app.ts

@@ -151,6 +151,51 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * ```
      */
     enablePendoHelp?: boolean
+    /**
+     * Control the visibility of the hamburger icon on the top nav bar
+     * available when new navigation V3 is enabled.
+     *
+     * @default false
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideHamburger : true,
+     * })
+     * ```
+     */
+    hideHamburger?: boolean;
+    /**
+     * Control the visibility of the Eureka search on the top nav bar
+     * this will control for both new V2 and new navigation V3.
+     *
+     * @default true
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideObjectSearch: false,
+     * })
+     * ```
+     */
+    hideObjectSearch?: boolean;
+    /**
+     * Control the visibility of the notification on the top nav bar V3,
+     * available when new navigation V3 is enabled.
+     *
+     * @default true
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    hideNotification: false,
+     * })
+     * ```
+     */
+    hideNotification?: boolean;
     /**
      * Control the visibility of the application switcher button on the nav-bar.
      * By default, the application switcher is shown.
@@ -344,6 +389,20 @@ export interface AppViewConfig extends Omit<ViewConfig, 'visibleTabs'> {
      * ```
      */
     modularHomeExperience?: boolean;
+    /**
+     * Flag to control new navigation v3 home experience.
+     *
+     * @default false
+     * @version SDK: 1.39.0 | Thoughtspot: 10.10.0.cl
+     * @example
+     * ```js
+     * const embed = new AppEmbed('#tsEmbed', {
+     *    ... // other options
+     *    modularHomeExperienceV3 : true,
+     * })
+     * ```
+     */
+    modularHomeExperienceV3?: boolean;
     /**
      * Boolean to control if Liveboard header is sticky or not.
      * @example
@@ -515,6 +574,9 @@ export class AppEmbed extends V1Embed {
             liveboardV2,
             showPrimaryNavbar,
             disableProfileAndHelp,
+            hideHamburger,
+            hideObjectSearch,
+            hideNotification,
             hideApplicationSwitcher,
             hideOrgSwitcher,
             enableSearchAssist,
@@ -525,6 +587,7 @@ export class AppEmbed extends V1Embed {
             showLiveboardDescription = true,
             hideHomepageLeftNav = false,
             modularHomeExperience = false,
+            modularHomeExperienceV3 = false,
             isLiveboardHeaderSticky = true,
             enableAskSage,
             collapseSearchBarInitially = false,
@@ -561,6 +624,22 @@ export class AppEmbed extends V1Embed {
 
         params = this.getBaseQueryParams(params);
 
+        if (modularHomeExperienceV3) {
+            params[Param.NavigationVersion] = 'v3';
+        }
+
+        if (hideObjectSearch) {
+            params[Param.HideObjectSearch] = !!hideObjectSearch;
+        }
+
+        if (hideHamburger) {
+            params[Param.HideHamburger] = !!hideHamburger;
+        }
+
+        if (hideNotification) {
+            params[Param.HideNotification] = !!hideNotification;
+        }
+
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
         }
@@ -620,6 +699,7 @@ export class AppEmbed extends V1Embed {
             /* eslint-disable-next-line max-len */
             params[Param.DataPanelCustomGroupsAccordionInitialState] = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL;
         }
+
         const queryParams = getQueryParamString(params, true);
 
         return queryParams;

package/src/embed/bodyless-conversation.spec.ts

@@ -1,5 +1,5 @@
 import 'jest-fetch-mock';
-import { BodylessConversation, BodylessConversationViewConfig } from './bodyless-conversation';
+import { SpotterAgentEmbed, SpotterAgentEmbedViewConfig } from './bodyless-conversation';
 import * as authInstance from '../auth';
 import { init } from '../index';
 import { Action, AuthType, RuntimeFilterOp } from '../types';
@@ -14,7 +14,7 @@ import {
     expectUrlToHaveParamsWithValues,
 } from '../test/test-utils';
 
-describe('BodylessConversation', () => {
+describe('SpotterAgentEmbed', () => {
     const thoughtSpotHost = 'tshost';
 
     beforeAll(() => {
@@ -117,12 +117,12 @@ describe('BodylessConversation', () => {
                 },
             }),
         );
-        const viewConfig: BodylessConversationViewConfig = {
+        const viewConfig: SpotterAgentEmbedViewConfig = {
             worksheetId: 'worksheetId',
         };
 
-        const conversationEmbed = new BodylessConversation(viewConfig);
-        const result = await conversationEmbed.sendMessage('userMessage');
+        const spotterEmbed = new SpotterAgentEmbed(viewConfig);
+        const result = await spotterEmbed.sendMessage('userMessage');
         const iframeSrc = getIFrameSrc(result.container);
         expectUrlToHaveParamsWithValues(iframeSrc, {
             sessionId: 'sessionId',
@@ -134,7 +134,7 @@ describe('BodylessConversation', () => {
         fetchMock.mockRejectOnce(
             new Error('error'),
         );
-        const errorResult = await conversationEmbed.sendMessage('userMessage');
+        const errorResult = await spotterEmbed.sendMessage('userMessage');
         expect(errorResult.error instanceof Error).toBeTruthy();
     });
 });

package/src/embed/bodyless-conversation.ts

@@ -8,14 +8,22 @@ import { getQueryParamString } from '../utils';
  * Configuration for bodyless conversation options.
  * @group Embed components
  */
-export interface BodylessConversationViewConfig extends ViewConfig {
+export interface SpotterAgentEmbedViewConfig extends ViewConfig {
     /**
      * The ID of the worksheet to use for the conversation.
      */
     worksheetId: string;
 }
 
-interface ConversationMessageViewConfig extends BodylessConversationViewConfig {
+/**
+ * Configuration for conversation options.
+ * @deprecated Renamed to SpotterAgentEmbedViewConfig
+ * @group Embed components
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export interface BodylessConversationViewConfig extends SpotterAgentEmbedViewConfig {}
+
+interface SpotterAgentMessageViewConfig extends SpotterAgentEmbedViewConfig {
     sessionId: string;
     genNo: number;
     acSessionId: string;
@@ -23,7 +31,7 @@ interface ConversationMessageViewConfig extends BodylessConversationViewConfig {
 }
 
 class ConversationMessage extends TsEmbed {
-    constructor(container: HTMLElement, protected viewConfig: ConversationMessageViewConfig) {
+    constructor(container: HTMLElement, protected viewConfig: SpotterAgentMessageViewConfig) {
         viewConfig.embedComponentType = 'bodyless-conversation';
         super(container, viewConfig);
     }
@@ -39,6 +47,7 @@ class ConversationMessage extends TsEmbed {
         const queryParams = this.getBaseQueryParams();
 
         queryParams[Param.HideActions] = [...(queryParams[Param.HideActions] ?? [])];
+        queryParams[Param.isSpotterAgentEmbed] = true;
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {
@@ -68,9 +77,9 @@ class ConversationMessage extends TsEmbed {
  * chatbots or other conversational interfaces.
  * @example
  * ```js
- * import { BodylessConversation } from '@thoughtspot/visual-embed-sdk';
+ * import { SpotterAgentEmbed } from '@thoughtspot/visual-embed-sdk';
  *
- * const conversation = new BodylessConversation({
+ * const conversation = new SpotterAgentEmbed({
  *  worksheetId: 'worksheetId',
  * });
  *
@@ -80,12 +89,12 @@ class ConversationMessage extends TsEmbed {
  * document.body.appendChild(container); // or to any other element
  * ```
  * @group Embed components
- * @version SDK: 1.33.1 | ThoughtSpot: 10.5.0.cl
+ * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
  */
-export class BodylessConversation {
+export class SpotterAgentEmbed {
     private conversationService: ConversationService;
 
-    constructor(private viewConfig: BodylessConversationViewConfig) {
+    constructor(private viewConfig: SpotterAgentEmbedViewConfig) {
         const embedConfig = getEmbedConfig();
 
         this.conversationService = new ConversationService(
@@ -112,3 +121,29 @@ export class BodylessConversation {
         return { container, viz: embed };
     }
 }
+
+/**
+ * Create a conversation embed, which can be integrated inside
+ * chatbots or other conversational interfaces.
+ * @deprecated Renamed to SpotterAgentEmbed
+ * @example
+ * ```js
+ * import { SpotterAgentEmbed } from '@thoughtspot/visual-embed-sdk';
+ *
+ * const conversation = new SpotterAgentEmbed({
+ *  worksheetId: 'worksheetId',
+ * });
+ *
+ * const { container, error } = await conversation.sendMessage('show me sales by region');
+ *
+ * // append the container to the DOM
+ * document.body.appendChild(container); // or to any other element
+ * ```
+ * @group Embed components
+ * @version SDK: 1.37.0 | ThoughtSpot: 10.9.0.cl
+ */
+export class BodylessConversation extends SpotterAgentEmbed {
+    constructor(viewConfig: BodylessConversationViewConfig) {
+        super(viewConfig);
+    }
+}

package/src/embed/conversation.spec.ts

@@ -1,6 +1,6 @@
 import {
-    ConversationEmbed,
-    ConversationViewConfig,
+    SpotterEmbed,
+    SpotterEmbedViewConfig,
 } from './conversation';
 import * as authInstance from '../auth';
 import { init } from '../index';
@@ -28,14 +28,14 @@ beforeAll(() => {
 
 describe('ConversationEmbed', () => {
     it('should render the conversation embed', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
             },
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),
@@ -44,7 +44,7 @@ describe('ConversationEmbed', () => {
     });
 
     it('should render the conversation embed with worksheets disabled', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
@@ -52,7 +52,7 @@ describe('ConversationEmbed', () => {
             disableSourceSelection: true,
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),
@@ -61,7 +61,7 @@ describe('ConversationEmbed', () => {
     });
 
     it('should render the conversation embed with spotter limitations text if flag is set', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
@@ -69,7 +69,7 @@ describe('ConversationEmbed', () => {
             showSpotterLimitations: true,
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),
@@ -78,7 +78,7 @@ describe('ConversationEmbed', () => {
     });
 
     it('should render the conversation embed with sample questions hidden', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
@@ -86,7 +86,7 @@ describe('ConversationEmbed', () => {
             hideSampleQuestions: true,
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),
@@ -95,7 +95,7 @@ describe('ConversationEmbed', () => {
     });
 
     it('should render the conversation embed with worksheets hidden', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
@@ -103,7 +103,7 @@ describe('ConversationEmbed', () => {
             hideSourceSelection: true,
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),
@@ -112,13 +112,13 @@ describe('ConversationEmbed', () => {
     });
 
     it('should handle error when worksheetId is not provided', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: '',
             searchOptions: {
                 searchQuery: 'searchQuery',
             },
         };
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         (conversationEmbed as any).handleError = jest.fn();
         await conversationEmbed.render();
         expect((conversationEmbed as any).handleError).toHaveBeenCalledWith(
@@ -127,7 +127,7 @@ describe('ConversationEmbed', () => {
     });
 
     it('should render the conversation embed if data panel v2 flag is true', async () => {
-        const viewConfig: ConversationViewConfig = {
+        const viewConfig: SpotterEmbedViewConfig = {
             worksheetId: 'worksheetId',
             searchOptions: {
                 searchQuery: 'searchQuery',
@@ -135,7 +135,7 @@ describe('ConversationEmbed', () => {
             dataPanelV2: true,
         };
 
-        const conversationEmbed = new ConversationEmbed(getRootEl(), viewConfig);
+        const conversationEmbed = new SpotterEmbed(getRootEl(), viewConfig);
         await conversationEmbed.render();
         expectUrlMatchesWithParams(
             getIFrameSrc(),