@thoughtspot/visual-embed-sdk 1.44.1 → 1.44.3

package/src/embed/ts-embed.ts

@@ -57,6 +57,9 @@ import {
     ContextMenuTriggerOptions,
     DefaultAppInitData,
     AllEmbedViewConfig as ViewConfig,
+    EmbedErrorDetailsEvent,
+    ErrorDetailsTypes,
+    EmbedErrorCodes,
 } from '../types';
 import { uploadMixpanelEvent, MIXPANEL_EVENT } from '../mixpanel-service';
 import { processEventData, processAuthFailure } from '../utils/processData';
@@ -218,20 +221,24 @@ export class TsEmbed {
      * Throws error encountered during initialization.
      */
     private throwInitError() {
-        this.handleError('You need to init the ThoughtSpot SDK module first');
+        this.handleError({
+            errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+            message: ERROR_MESSAGE.INIT_SDK_REQUIRED,
+            code: EmbedErrorCodes.INIT_ERROR,
+            error : ERROR_MESSAGE.INIT_SDK_REQUIRED,
+        });
     }
 
     /**
      * Handles errors within the SDK
      * @param error The error message or object
+     * @param errorDetails The error details
      */
-    protected handleError(error: string | Record<string, unknown>) {
+    protected handleError(errorDetails: EmbedErrorDetailsEvent) {
         this.isError = true;
-        this.executeCallbacks(EmbedEvent.Error, {
-            error,
-        });
+        this.executeCallbacks(EmbedEvent.Error, errorDetails);
         // Log error
-        logger.error(error);
+        logger.error(errorDetails);
     }
 
     /**
@@ -325,11 +332,14 @@ export class TsEmbed {
         window.addEventListener('online', onlineEventListener);
 
         const offlineEventListener = (e: Event) => {
-            const offlineWarning = ERROR_MESSAGE.OFFLINE_WARNING;
-            this.executeCallbacks(EmbedEvent.Error, {
-                offlineWarning,
-            });
-            logger.warn(offlineWarning);
+            const errorDetails = {
+                errorType: ErrorDetailsTypes.NETWORK,
+                message: ERROR_MESSAGE.OFFLINE_WARNING,
+                code: EmbedErrorCodes.NETWORK_ERROR,
+                offlineWarning : ERROR_MESSAGE.OFFLINE_WARNING,
+            };
+            this.executeCallbacks(EmbedEvent.Error, errorDetails);
+            logger.warn(errorDetails);
         };
         window.addEventListener('offline', offlineEventListener);
 
@@ -444,9 +454,11 @@ export class TsEmbed {
         ]);
         if (customActionsResult.errors.length > 0) {
             this.handleError({
-                type: 'CUSTOM_ACTION_VALIDATION',
-                message: customActionsResult.errors,
-            });
+                    errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                    message: customActionsResult.errors,
+                    code: EmbedErrorCodes.CUSTOM_ACTION_VALIDATION,
+                    error : { type: EmbedErrorCodes.CUSTOM_ACTION_VALIDATION, message: customActionsResult.errors }
+                });
         }
         const baseInitData = {
             customisations: getCustomisations(this.embedConfig, this.viewConfig),
@@ -658,12 +670,22 @@ export class TsEmbed {
         };
 
         if (Array.isArray(visibleActions) && Array.isArray(hiddenActions)) {
-            this.handleError('You cannot have both hidden actions and visible actions');
+            this.handleError({
+                errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                message: ERROR_MESSAGE.CONFLICTING_ACTIONS_CONFIG,
+                code: EmbedErrorCodes.CONFLICTING_ACTIONS_CONFIG,
+                error : ERROR_MESSAGE.CONFLICTING_ACTIONS_CONFIG,
+            });
             return queryParams;
         }
 
         if (Array.isArray(visibleTabs) && Array.isArray(hiddenTabs)) {
-            this.handleError('You cannot have both hidden Tabs and visible Tabs');
+            this.handleError({
+                errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                message: ERROR_MESSAGE.CONFLICTING_TABS_CONFIG,
+                code: EmbedErrorCodes.CONFLICTING_TABS_CONFIG,
+                error : ERROR_MESSAGE.CONFLICTING_TABS_CONFIG,
+            });
             return queryParams;
         }
         if (primaryAction) {
@@ -916,7 +938,12 @@ export class TsEmbed {
                         error: JSON.stringify(error),
                     });
                     this.handleInsertionIntoDOM(this.embedConfig.loginFailedMessage);
-                    this.handleError(error);
+                    this.handleError({
+                        errorType: ErrorDetailsTypes.API,
+                        message: error.message || ERROR_MESSAGE.LOGIN_FAILED,
+                        code: EmbedErrorCodes.LOGIN_FAILED,
+                        error : error,
+                    });
                 });
         });
     }
@@ -1323,12 +1350,22 @@ export class TsEmbed {
         uploadMixpanelEvent(`${MIXPANEL_EVENT.VISUAL_SDK_TRIGGER}-${messageType}`);
 
         if (!this.isRendered) {
-            this.handleError('Please call render before triggering events');
+            this.handleError({
+                errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                message: ERROR_MESSAGE.RENDER_BEFORE_EVENTS_REQUIRED,
+                code: EmbedErrorCodes.RENDER_NOT_CALLED,
+                error: ERROR_MESSAGE.RENDER_BEFORE_EVENTS_REQUIRED,
+            });
             return null;
         }
 
         if (!messageType) {
-            this.handleError('Host event type is undefined');
+            this.handleError({
+                errorType: ErrorDetailsTypes.VALIDATION_ERROR,
+                message: ERROR_MESSAGE.HOST_EVENT_TYPE_UNDEFINED,
+                code: EmbedErrorCodes.HOST_EVENT_TYPE_UNDEFINED,
+                error: ERROR_MESSAGE.HOST_EVENT_TYPE_UNDEFINED,
+            });
             return null;
         }
 

package/src/errors.ts

@@ -20,6 +20,14 @@ export const ERROR_MESSAGE = {
     RENDER_CALLED_BEFORE_INIT: 'Looks like render was called before calling init, the render won\'t start until init is called.\nFor more info check\n1. https://developers.thoughtspot.com/docs/Function_init#_init\n2.https://developers.thoughtspot.com/docs/getting-started#initSdk',
     SPOTTER_AGENT_NOT_INITIALIZED: 'SpotterAgent not initialized',
     OFFLINE_WARNING : 'Network not Detected. Embed is offline. Please reconnect and refresh',
+    INIT_SDK_REQUIRED: 'You need to init the ThoughtSpot SDK module first',
+    CONFLICTING_ACTIONS_CONFIG: 'You cannot have both hidden actions and visible actions',
+    CONFLICTING_TABS_CONFIG: 'You cannot have both hidden Tabs and visible Tabs',
+    RENDER_BEFORE_EVENTS_REQUIRED: 'Please call render before triggering events',
+    HOST_EVENT_TYPE_UNDEFINED: 'Host event type is undefined',
+    LOGIN_FAILED: 'Login failed',
+    ERROR_PARSING_API_INTERCEPT_BODY: 'Error parsing api intercept body',
+    SSR_ENVIRONMENT_ERROR: 'SSR environment detected. This function cannot be called in SSR environment.',
 };
 
 export const CUSTOM_ACTIONS_ERROR_MESSAGE = {

package/src/mixpanel-service.spec.ts

@@ -82,7 +82,7 @@ describe('Unit test for mixpanel', () => {
     });
 
     test('init mixpanel with no mixpanel token', () => {
-        jest.spyOn(logger, 'error').mockReturnValueOnce(true);
+        jest.spyOn(logger, 'error').mockImplementation(() => {});
         initMixpanel({ test: 'dummy' } as any);
         expect(logger.error).toHaveBeenCalled();
         expect(mixpanel.register_once).not.toHaveBeenCalled();

package/src/react/index.spec.tsx

@@ -34,11 +34,11 @@ beforeAll(() => {
         thoughtSpotHost,
         authType: AuthType.None,
     });
-    jest.spyOn(auth, 'postLoginService').mockReturnValue(true);
+    jest.spyOn(auth, 'postLoginService').mockImplementation(() => Promise.resolve(undefined));
     jest.spyOn(sessionService, 'getSessionInfo').mockReturnValue({
         userGUID: 'abcd',
-    });
-    spyOn(window, 'alert');
+    } as any);
+    jest.spyOn(window, 'alert');
 });
 
 describe('React Components', () => {
@@ -60,7 +60,7 @@ describe('React Components', () => {
             );
         });
 
-        it('Should attach event listeners', async (done) => {
+        it('Should attach event listeners', async () => {
             const userGUID = 'absfdfgd';
             const { container } = render(
                 <SearchEmbed
@@ -69,7 +69,6 @@ describe('React Components', () => {
                     }}
                     onAuthInit={(e) => {
                         expect(e.data.userGUID).toEqual(userGUID);
-                        done();
                     }}
                 />,
             );

package/src/test/test-utils.ts

@@ -8,8 +8,8 @@ import { Action, AuthType } from '../types';
 if (!(global.fetch as any).mockResponse) {
     console.log('mocking fetch');
     global.fetch = jest.fn(() => Promise.resolve({
-        json: () => ({ mixpanelAccessToken: '' }),
-    }));
+        json: () => Promise.resolve({ mixpanelAccessToken: '' }),
+    } as Response));
 }
 
 export const defaultParamsWithoutHiddenActions = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=${AuthType.None}&blockNonEmbedFullAppAccess=true`;

package/src/types.ts

@@ -1584,6 +1584,38 @@ export interface LiveboardAppEmbedViewConfig {
      * ```
      */
     isEnhancedFilterInteractivityEnabled?: boolean;
+    /**
+     * Show or hide masked filter chips
+     *
+     * Supported embed types: `AppEmbed`, `LiveboardEmbed`
+     * @version SDK: 1.45.0 | Thoughtspot: 26.2.0.cl
+     * @default false
+     * @example
+     * ```js
+     * // Replace <EmbedComponent> with embed component name. For example, AppEmbed or LiveboardEmbed
+     * const embed = new <EmbedComponent>('#tsEmbed', {
+     *    ... // other embed view config
+     *    showMaskedFilterChip: true,
+     * })
+     * ```
+     */
+    showMaskedFilterChip?: boolean;
+    /**
+     * Enable or disable Liveboard styling and grouping
+     *
+     * Supported embed types: `AppEmbed`, `LiveboardEmbed`
+     * @version SDK: 1.45.0 | Thoughtspot: 26.2.0.cl
+     * @default false
+     * @example
+     * ```js
+     * // Replace <EmbedComponent> with embed component name. For example, AppEmbed or LiveboardEmbed
+     * const embed = new <EmbedComponent>('#tsEmbed', {
+     *    ... // other embed view config
+     *    isLiveboardMasterpiecesEnabled: true,
+     * })
+     * ```
+     */
+    isLiveboardMasterpiecesEnabled?: boolean;
 }
 
 export interface AllEmbedViewConfig
@@ -2045,6 +2077,7 @@ export enum EmbedEvent {
      * SearchEmbed.on(EmbedEvent.Error, (error) => {
      *   console.log(error);
      *  // { type: "Error", data: { errorType: "API", error: { message: '...', error: '...' } } }
+     *  // { errorType: "API", message: '...', code: '...' } new format
      * });
      * ```
      * @example
@@ -2056,6 +2089,7 @@ export enum EmbedEvent {
      *   //   message: "Fullscreen API is not enabled",
      *   //   stack: "..."
      *   // } }}
+     *   // { errorType: "FULLSCREEN", message: "Fullscreen API is not enabled", code: '...' } new format
      * })
      * ```
      */
@@ -2213,7 +2247,8 @@ export enum EmbedEvent {
      */
     ALL = '*',
     /**
-     * Emitted when an Answer is saved in the app
+     * Emitted when an Answer is saved in the app.
+     * Use start:true to subscribe to when save is initiated, or end:true to subscribe to when save is completed. Default is end:true.
      * @Version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2248,6 +2283,7 @@ export enum EmbedEvent {
     Download = 'download',
     /**
      * Emitted when the download action is triggered on an Answer.
+     *  Use start:true to subscribe to when download is initiated, or end:true to subscribe to when download is completed. Default is end:true.
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.4.0.sw
      * @example
      *```js
@@ -2262,6 +2298,7 @@ export enum EmbedEvent {
     DownloadAsPng = 'downloadAsPng',
     /**
      * Emitted when the Download as PDF action is triggered on an Answer
+     *  Use start:true to subscribe to when download as PDF is initiated, or end:true to subscribe to when download as PDF is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2276,6 +2313,7 @@ export enum EmbedEvent {
     DownloadAsPdf = 'downloadAsPdf',
     /**
      * Emitted when the Download as CSV action is triggered on an Answer.
+     *  Use start:true to subscribe to when download as CSV is initiated, or end:true to subscribe to when download as CSV is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2290,6 +2328,7 @@ export enum EmbedEvent {
     DownloadAsCsv = 'downloadAsCsv',
     /**
      * Emitted when the Download as XLSX action is triggered on an Answer.
+     *  Use start:true to subscribe to when download as XLSX is initiated, or end:true to subscribe to when download as XLSX is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2304,6 +2343,7 @@ export enum EmbedEvent {
     DownloadAsXlsx = 'downloadAsXlsx',
     /**
      * Emitted when an Answer is deleted in the app
+     *  Use start:true to subscribe to when delete is initiated, or end:true to subscribe to when delete is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2330,6 +2370,7 @@ export enum EmbedEvent {
     /**
      * Emitted when a user initiates the Pin action to
      *  add an Answer to a Liveboard.
+     *  Use start:true to subscribe to when pin is initiated, or end:true to subscribe to when pin is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2443,6 +2484,7 @@ export enum EmbedEvent {
     /**
      * Emitted when the **Export TML** action is triggered on an
      * an embedded object in the app
+     *  Use start:true to subscribe to when export is initiated, or end:true to subscribe to when export is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -2468,6 +2510,7 @@ export enum EmbedEvent {
     SaveAsView = 'saveAsView',
     /**
      * Emitted when the user creates a copy of an Answer.
+     *  Use start:true to subscribe to when copy and edit is initiated, or end:true to subscribe to when copy and edit is completed. Default is end:true.
      * @version SDK: 1.11.0 | ThoughtSpot: 8.3.0.cl, 8.4.1.sw
      * @example
      *```js
@@ -4543,6 +4586,8 @@ export enum Param {
     HideLiveboardHeader = 'hideLiveboardHeader',
     ShowLiveboardDescription = 'showLiveboardDescription',
     ShowLiveboardTitle = 'showLiveboardTitle',
+    ShowMaskedFilterChip = 'showMaskedFilterChip',
+    IsLiveboardMasterpiecesEnabled = 'isLiveboardMasterpiecesEnabled',
     HiddenTabs = 'hideTabs',
     VisibleTabs = 'visibleTabs',
     HideTabPanel = 'hideTabPanel',
@@ -6166,6 +6211,166 @@ export enum LogLevel {
     TRACE = 'TRACE',
 }
 
+/**
+ * Error types emitted by embedded components.
+ * 
+ * These enum values categorize different types of errors that can occur during
+ * the lifecycle of an embedded ThoughtSpot component. Use these values to implement
+ * specific error handling logic based on the error category.
+ * 
+ * @see {@link EmbedErrorDetailsEvent} - The error event object structure
+ * @see {@link EmbedEvent.Error} - The event that emits these errors
+ * @version SDK: 1.44.2 | ThoughtSpot: 26.2.0.cl
+ * @group Error Handling
+ */
+export enum ErrorDetailsTypes {
+    /** API call failure */
+    API = 'API',
+    /** General validation error */
+    VALIDATION_ERROR = 'VALIDATION_ERROR',
+    /** Network connectivity or request error */
+    NETWORK = 'NETWORK',
+}
+
+/**
+ * Specific error codes for embedded component errors.
+ * 
+ * These codes provide granular identification of errors that occur in embedded components.
+ * They are returned in the {@link EmbedErrorDetailsEvent.code} property and allow for
+ * precise error handling and debugging.
+ * 
+ * The codes are organized into categories:
+ * - **Worksheet ID not found or does not exist**: Errors related to applying or updating filters
+ * - **Liveboard ID missing**: Errors related to missing liveboard ID
+ * - **Conflicting actions configuration**: Errors related to conflicting actions configuration
+ * - **Conflicting tabs configuration**: Errors related to conflicting tabs configuration
+ * - **Initialization error**: Errors related to initialization error
+ * - **Network error**: Errors related to network error
+ * - **Custom action validation**: Errors related to custom action validation
+ * - **Login failed**: Errors related to login failed
+ * - **Render not called**: Errors related to render not called
+ * - **Host event type undefined or invalid**: Errors related to host event type undefined or invalid
+ * 
+ * @version SDK: 1.44.2 | ThoughtSpot: 26.2.0.cl
+ * @group Error Handling
+ * @see {@link EmbedErrorDetailsEvent} - The error event object that includes these codes
+ * @see {@link ErrorDetailsTypes} - General error type categories
+ * 
+ * @example
+ * Handle specific error codes
+ *
+ * embed.on(EmbedEvent.Error, (error) => {
+ *   if (error.code === EmbedErrorCodes.WORKSHEET_ID_NOT_FOUND) {
+ *     console.error('Worksheet ID not found:', error.message);
+ *   }
+ * });
+ *  */
+export enum EmbedErrorCodes {
+    /** Worksheet ID not found or does not exist */
+    WORKSHEET_ID_NOT_FOUND = 'WORKSHEET_ID_NOT_FOUND',
+    
+    /** Required Liveboard ID is missing from configuration */
+    LIVEBOARD_ID_MISSING = 'LIVEBOARD_ID_MISSING',
+    
+    /** Conflicting action configuration detected (e.g., both hiddenActions and visibleActions specified) */
+    CONFLICTING_ACTIONS_CONFIG = 'CONFLICTING_ACTIONS_CONFIG',
+    
+    /** Conflicting tab configuration detected (e.g., both hiddenTabs and visibleTabs specified) */
+    CONFLICTING_TABS_CONFIG = 'CONFLICTING_TABS_CONFIG',
+    
+    /** Error during component initialization */
+    INIT_ERROR = 'INIT_ERROR',
+    
+    /** Network connectivity or request error */
+    NETWORK_ERROR = 'NETWORK_ERROR',
+    
+    /** Custom action validation failed */
+    CUSTOM_ACTION_VALIDATION = 'CUSTOM_ACTION_VALIDATION',
+    
+    /** Authentication/login failed */
+    LOGIN_FAILED = 'LOGIN_FAILED',
+    
+    /** Render method was not called before attempting to use the component */
+    RENDER_NOT_CALLED = 'RENDER_NOT_CALLED',
+    
+    /** Host event type is undefined or invalid */
+    HOST_EVENT_TYPE_UNDEFINED = 'HOST_EVENT_TYPE_UNDEFINED',
+
+    /** Error parsing api intercept body */
+    PARSING_API_INTERCEPT_BODY_ERROR = 'PARSING_API_INTERCEPT_BODY_ERROR',
+}
+
+/**
+ * Error event object emitted when an error occurs in an embedded component.
+ *
+ * This interface defines the structure of error objects returned by the {@link EmbedEvent.Error}
+ * event. It provides detailed information about what went wrong, including the error type,
+ * a human-readable message, and a machine-readable error code.
+ *
+ * ## Properties
+ * 
+ * - **errorType**: One of the predefined {@link ErrorDetailsTypes} values
+ * - **message**: Human-readable error description (string or array of strings for multiple errors)
+ * - **code**: Machine-readable error identifier for programmatic handling
+ * - **[key: string]**: Additional context-specific for backward compatibility
+ *
+ * ## Usage
+ * 
+ * Listen to the {@link EmbedEvent.Error} event to receive instances of this object
+ * and implement appropriate error handling logic based on the `errorType`.
+ *
+ * @version SDK: 1.44.2 | ThoughtSpot: 26.2.0.cl
+ * @group Error Handling
+ * @see {@link ErrorDetailsTypes} - Available error type values
+ * @see {@link EmbedEvent.Error} - The event that emits this object
+ * 
+ * @example
+ * Handle specific error types
+ *
+ * embed.on(EmbedEvent.Error, (error) => {
+ *   switch (error.code) {
+ *     case EmbedErrorCodes.WORKSHEET_ID_NOT_FOUND:
+ *       console.error('Worksheet ID not found:', error.message, error.code);
+ *       break;
+ *     default:
+ *       console.error('Unknown error:', error);
+ *   }
+ * });
+ *  * 
+ * @example
+ * Handle multiple error messages
+ *
+ * embed.on(EmbedEvent.Error, (error) => {
+ *   const messages = Array.isArray(error.message) 
+ *     ? error.message 
+ *     : [error.message];
+ *   
+ *   messages.forEach(msg => console.error(msg));
+ * });
+ *  * 
+ * @example
+ * Access additional error context
+ *
+ * embed.on(EmbedEvent.Error, (error) => {
+ *   console.error('Error Details:', {
+ *     type: error.errorType,
+ *     message: error.message,
+ *     code: error.code,
+ *     // Additional context fields vary by error type
+ *     ...error
+ *   });
+ * });
+ *  */
+export interface EmbedErrorDetailsEvent {
+    /** The type of error that occurred */
+    errorType: ErrorDetailsTypes;
+    /** Human-readable error message(s) describing what went wrong */
+    message: string | string[];
+    /** Machine-readable error code for programmatic error handling */
+    code: EmbedErrorCodes;
+    /** Additional context-specific for backward compatibility */
+    [key: string]: any;
+}
 export interface DefaultAppInitData {
     customisations: CustomisationsInterface;
     authToken: string;

package/src/utils/authService/authService.spec.ts

@@ -25,11 +25,11 @@ describe('Unit test for authService', () => {
             json: () => ({ success: true }),
             status: 200,
             ok: true,
-        }));
+        } as any));
         const response = await fetchSessionInfoService(thoughtSpotHost);
         expect(response.success).toBe(true);
         expect(fetch).toHaveBeenCalledTimes(1);
-        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.SESSION_INFO}`, {
+        expect(fetch).toHaveBeenCalledWith(`${thoughtSpotHost}${EndPoints.SESSION_INFO}`, {
             credentials: 'include',
         });
     });
@@ -38,16 +38,16 @@ describe('Unit test for authService', () => {
         global.fetch = jest.fn(() => Promise.resolve({
             text: () => ({ success: true }),
             ok: true,
-        }));
+        } as any));
         const response = await fetchAuthTokenService(authEndpoint);
         expect(response.text()).toStrictEqual({ success: true });
-        expect(fetch).toBeCalled();
+        expect(fetch).toHaveBeenCalled();
     });
 
     test('fetchAuthService', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await fetchAuthService(thoughtSpotHost, username, authToken);
-        expect(fetch).toBeCalledWith(
+        expect(fetch).toHaveBeenCalledWith(
             `${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?username=${username}&auth_token=${authToken}`,
             {
                 credentials: 'include',
@@ -57,9 +57,9 @@ describe('Unit test for authService', () => {
     });
 
     test('fetchAuthService without username', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await fetchAuthService(thoughtSpotHost, undefined, authToken);
-        expect(fetch).toBeCalledWith(
+        expect(fetch).toHaveBeenCalledWith(
             `${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}?auth_token=${authToken}`,
             {
                 credentials: 'include',
@@ -69,9 +69,9 @@ describe('Unit test for authService', () => {
     });
 
     test('fetchAuthPostService', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await fetchAuthPostService(thoughtSpotHost, username, authToken);
-        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
+        expect(fetch).toHaveBeenCalledWith(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
             method: 'POST',
             credentials: 'include',
             redirect: 'manual',
@@ -84,9 +84,9 @@ describe('Unit test for authService', () => {
     });
 
     test('fetchAuthPostService without username', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await fetchAuthPostService(thoughtSpotHost, undefined, authToken);
-        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
+        expect(fetch).toHaveBeenCalledWith(`${thoughtSpotHost}${EndPoints.TOKEN_LOGIN}`, {
             method: 'POST',
             credentials: 'include',
             redirect: 'manual',
@@ -99,9 +99,9 @@ describe('Unit test for authService', () => {
     });
 
     test('fetchBasicAuthService called with manual redirect', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await fetchBasicAuthService(thoughtSpotHost, username, password);
-        expect(fetch).toBeCalled();
+        expect(fetch).toHaveBeenCalled();
     });
 
     test('log error on API failures', async () => {
@@ -110,7 +110,7 @@ describe('Unit test for authService', () => {
             text: () => Promise.resolve('error'),
             status: 500,
             ok: false,
-        }));
+        } as any));
         try {
             await fetchSessionInfoService(authVerificationUrl);
         } catch (e) {
@@ -127,9 +127,9 @@ describe('Unit test for authService', () => {
     });
 
     test('verifyTokenService if token api works', async () => {
-        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true }));
+        global.fetch = jest.fn(() => Promise.resolve({ success: true, ok: true } as any));
         await verifyTokenService(thoughtSpotHost, authToken);
-        expect(fetch).toBeCalledWith(`${thoughtSpotHost}${EndPoints.IS_ACTIVE}`, {
+        expect(fetch).toHaveBeenCalledWith(`${thoughtSpotHost}${EndPoints.IS_ACTIVE}`, {
             credentials: 'omit',
             headers: {
                 Authorization: `Bearer ${authToken}`,

package/src/utils/authService/tokenizedAuthService.spec.ts

@@ -13,7 +13,7 @@ describe('tokenizedAuthService', () => {
     test('isActiveService if fetch returns ok', async () => {
         jest.spyOn(tokenizedFetchModule, 'tokenizedFetch').mockResolvedValueOnce({
             ok: true,
-        });
+        } as any);
 
         const isActiveResp = await isActiveService('http://thoughtspotHost');
 
@@ -22,7 +22,7 @@ describe('tokenizedAuthService', () => {
     test('isActiveService if fetch returns not ok', async () => {
         jest.spyOn(tokenizedFetchModule, 'tokenizedFetch').mockResolvedValueOnce({
             ok: false,
-        });
+        } as any);
 
         const isActiveResp = await isActiveService('http://thoughtspotHost');
 
@@ -68,7 +68,7 @@ describe('fetchPreauthInfoService', () => {
                         userGUID: 'userGUID',
                     },
                 }),
-            });
+            } as any);
 
         const result = await fetchPreauthInfoService(thoughtspotHost);
         const response = await result.json();
@@ -87,7 +87,7 @@ describe('fetchPreauthInfoService', () => {
             statusText: 'Internal Server Error',
             json: jest.fn().mockResolvedValue({}),
             text: jest.fn().mockResolvedValue('Internal Server Error'),
-        });
+        } as any);
 
         try {
             await fetchPreauthInfoService(thoughtspotHost);

package/src/utils/graphql/answerService/answerService.spec.ts

@@ -66,7 +66,7 @@ describe('Answer service tests', () => {
             'query Bla {}',
             { a: 1 },
         );
-        expect(fetchMock).toBeCalledWith('https://tshost/prism/?op=Bla', expect.objectContaining({
+        expect(fetchMock).toHaveBeenCalledWith('https://tshost/prism/?op=Bla', expect.objectContaining({
             body: JSON.stringify({
                 operationName: 'Bla',
                 query: 'query Bla {}',
@@ -142,7 +142,7 @@ describe('Answer service tests', () => {
             thougthspotHost: '/test',
             authType: AuthType.TrustedAuthTokenCookieless,
         };
-        jest.spyOn(embedConfigInstance, 'getEmbedConfig').mockReturnValueOnce(mockEmbedConfig);
+        jest.spyOn(embedConfigInstance, 'getEmbedConfig').mockReturnValueOnce(mockEmbedConfig as any);
         jest.spyOn(authTokenInstance, 'getAuthenticationToken').mockReturnValueOnce(Promise.resolve('token'));
         const mockTokenizedFetch = jest.spyOn(tokenizedFetch, 'tokenizedFetch');
         answerService.fetchCSVBlob(undefined, true);
@@ -172,7 +172,7 @@ describe('Answer service tests', () => {
             thougthspotHost: '/test',
             authType: AuthType.TrustedAuthTokenCookieless,
         };
-        jest.spyOn(embedConfigInstance, 'getEmbedConfig').mockReturnValueOnce(mockEmbedConfig);
+        jest.spyOn(embedConfigInstance, 'getEmbedConfig').mockReturnValueOnce(mockEmbedConfig as any);
         jest.spyOn(authTokenInstance, 'getAuthenticationToken').mockReturnValueOnce(Promise.resolve('token'));
         const mockTokenizedFetch = jest.spyOn(tokenizedFetch, 'tokenizedFetch');
         answerService.fetchPNGBlob(undefined, true);