@thoughtspot/visual-embed-sdk 1.29.1-alpha.0 → 1.29.1

package/src/embed/search.ts

@@ -2,29 +2,24 @@
  * Copyright (c) 2022
  *
  * Embed ThoughtSpot search or a saved answer
- *
  * @summary Search embed
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
+import { getReleaseVersion } from '../auth';
+import { ERROR_MESSAGE } from '../errors';
 import {
-    DataSourceVisualMode,
-    DOMSelector,
-    Param,
-    Action,
-    ViewConfig,
+    Action, DOMSelector, DataSourceVisualMode, Param, ViewConfig,
 } from '../types';
 import {
-    getQueryParamString,
     checkReleaseVersionInBeta,
     getFilterQuery,
+    getQueryParamString,
     getRuntimeParameters,
 } from '../utils';
-import { TsEmbed } from './ts-embed';
-import { ERROR_MESSAGE } from '../errors';
 import { getAuthPromise } from './base';
-import { getReleaseVersion } from '../auth';
 import { getEmbedConfig } from './embedConfig';
+import { TsEmbed } from './ts-embed';
 
 /**
  * Configuration for search options.
@@ -44,9 +39,27 @@ export interface SearchOptions {
     executeSearch?: boolean;
 }
 
+/**
+ * Define the initial state os column custom group accordions
+ * in data panel v2.
+ */
+export enum DataPanelCustomColumnGroupsAccordionState {
+    /**
+     * Expand all the accordion initially in data panel v2.
+     */
+    EXPAND_ALL = 'EXPAND_ALL',
+    /**
+     * Collapse all the accordions initially in data panel v2.
+     */
+    COLLAPSE_ALL = 'COLLAPSE_ALL',
+    /**
+     * Expand the first accordion and collapse the rest.
+     */
+    EXPAND_FIRST = 'EXPAND_FIRST',
+}
+
 /**
  * The configuration attributes for the embedded search view.
- *
  * @group Embed components
  */
 export interface SearchViewConfig
@@ -61,9 +74,7 @@ export interface SearchViewConfig
     /**
      * If set to true, the data sources panel is collapsed on load,
      * but can be expanded manually.
-     *
      * @version: SDK: 1.1.0 | ThoughtSpot: 8.1.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -75,9 +86,7 @@ export interface SearchViewConfig
     collapseDataSources?: boolean;
     /**
      * Show or hide the data sources panel.
-     *
      * @version: SDK: 1.2.0 | ThoughtSpot: 9.1.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -91,9 +100,7 @@ export interface SearchViewConfig
      * Show or hide the charts and tables in search answers.
      * This attribute can be used to create a custom visualization
      * using raw answer data.
-     *
      * @version: SDK: 1.2.0 | ThoughtSpot: 9.1.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -103,11 +110,13 @@ export interface SearchViewConfig
      * ```
      */
     hideResults?: boolean;
+    /**
+     * If set to true, expands all the data sources panel.
+     */
+    expandAllDataSource?: boolean;
     /**
      * If set to true, the Search Assist feature is enabled.
-     *
      * @version SDK: 1.13.0 | ThoughtSpot: 8.5.0.cl, 8.8.1-sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -120,9 +129,7 @@ export interface SearchViewConfig
     /**
      * If set to true, the tabular view is set as the default
      * format for presenting search data.
-     *
      * @version: SDK: 1.1.0 | ThoughtSpot: 8.1.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -134,9 +141,7 @@ export interface SearchViewConfig
     /**
      * The array of data source GUIDs to set on load.
      * Only a single data source is supported currently.
-     *
      * @deprecated Use `dataSource` instead.
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -148,9 +153,7 @@ export interface SearchViewConfig
     dataSources?: string[];
     /**
      * The array of data source GUIDs to set on load.
-     *
      * @version: SDK: 1.19.0
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -162,7 +165,6 @@ export interface SearchViewConfig
     dataSource?: string;
     /**
      * The initial search query to load the answer with.
-     *
      * @deprecated
      *
      * Use {@link searchOptions} instead.
@@ -178,7 +180,6 @@ export interface SearchViewConfig
      * If it is executed, the focus is placed on the results.
      * If it’s not executed, the focus is placed at the end of
      * the token string in the search bar.
-     *
      * @example
      * ```js
      * searchOptions: {
@@ -190,9 +191,7 @@ export interface SearchViewConfig
     searchOptions?: SearchOptions;
     /**
      * The GUID of a saved answer to load initially.
-     *
      * @version: SDK: 1.1.0 | ThoughtSpot: 8.1.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -205,9 +204,7 @@ export interface SearchViewConfig
     /**
      * If set to true, the search page will render without the Search Bar
      * The chart/table should still be visible.
-     *
      * @version SDK: 1.21.0 | ThoughtSpot: 9.2.0.cl, 9.5.0.sw
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -219,10 +216,8 @@ export interface SearchViewConfig
     hideSearchBar?: boolean;
     /**
      * Flag to control Data panel experience
-     *
      * @default false
      * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
-     *
      * @example
      * ```js
      * const embed = new SearchEmbed('#tsEmbed', {
@@ -234,17 +229,52 @@ export interface SearchViewConfig
     dataPanelV2?: boolean;
     /**
      * Flag to set if last selected dataSource should be used
-     *
      * @version: SDK: 1.24.0
      */
     useLastSelectedSources?: boolean;
     /**
      * To set the initial state of the search bar in case of saved-answers.
-     *
      * @default false
      * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
      */
     collapseSearchBarInitially?: boolean;
+    /**
+     * To enable custom column groups in data panel v2
+     * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
+     * @default false
+     * @example
+     * ```js
+     * const embed = new SearchEmbed('#tsEmbed', {
+     *   ... // other options
+     *   enableCustomColumnGroups: true,
+     * });
+     * ```
+     */
+    enableCustomColumnGroups?: boolean;
+    /**
+     * Flag to enable onBeforeSearchExecute Embed Event
+     * @version: SDK: 1.29.0 | Thoughtspot: 10.1.0.cl
+     */
+    isOnBeforeGetVizDataInterceptEnabled?: boolean;
+    /**
+     * This controls the initial behaviour of custom column groups accordion.
+     * It takes DataPanelCustomColumnGroupsAccordionState enum values as input.
+     * List of different enum values:-
+     * - EXPAND_ALL: Expand all the accordion initially in data panel v2.
+     * - COLLAPSE_ALL: Collapse all the accordions initially in data panel v2.
+     * - EXPAND_FIRST: Expand the first accordion and collapse the rest.
+     * @version SDK: 1.32.0 | Thoughtspot: 10.0.0.cl
+     * @default DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL
+     * @example
+     * ```js
+     * const embed = new SearchEmbed('#tsEmbed', {
+     *   ... // other options
+     *   dataPanelCustomGroupsAccordionInitialState:
+     *      DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL,
+     * });
+     * ```
+     */
+    dataPanelCustomGroupsAccordionInitialState?: DataPanelCustomColumnGroupsAccordionState;
 }
 
 export const HiddenActionItemByDefaultForSearchEmbed = [
@@ -257,7 +287,6 @@ export const HiddenActionItemByDefaultForSearchEmbed = [
 
 /**
  * Embed ThoughtSpot search
- *
  * @group Embed components
  */
 export class SearchEmbed extends TsEmbed {
@@ -290,6 +319,7 @@ export class SearchEmbed extends TsEmbed {
     protected getEmbedParams(): string {
         const {
             hideResults,
+            expandAllDataSource,
             enableSearchAssist,
             forceTable,
             searchOptions,
@@ -302,6 +332,11 @@ export class SearchEmbed extends TsEmbed {
             useLastSelectedSources = false,
             runtimeParameters,
             collapseSearchBarInitially = false,
+            enableCustomColumnGroups = false,
+            isOnBeforeGetVizDataInterceptEnabled = false,
+            /* eslint-disable-next-line max-len */
+            dataPanelCustomGroupsAccordionInitialState = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL,
+            excludeRuntimeParametersfromURL,
         } = this.viewConfig;
         const queryParams = this.getBaseQueryParams();
 
@@ -339,6 +374,13 @@ export class SearchEmbed extends TsEmbed {
             queryParams[Param.HideSearchBar] = true;
         }
 
+        if (isOnBeforeGetVizDataInterceptEnabled) {
+            /* eslint-disable-next-line max-len */
+            queryParams[
+                Param.IsOnBeforeGetVizDataInterceptEnabled
+            ] = isOnBeforeGetVizDataInterceptEnabled;
+        }
+
         queryParams[Param.DataPanelV2Enabled] = dataPanelV2;
         queryParams[Param.DataSourceMode] = this.getDataSourceMode();
 
@@ -349,6 +391,21 @@ export class SearchEmbed extends TsEmbed {
 
         queryParams[Param.searchEmbed] = true;
         queryParams[Param.CollapseSearchBarInitially] = collapseSearchBarInitially;
+        queryParams[Param.EnableCustomColumnGroups] = enableCustomColumnGroups;
+        if (
+            dataPanelCustomGroupsAccordionInitialState
+                === DataPanelCustomColumnGroupsAccordionState.COLLAPSE_ALL
+            || dataPanelCustomGroupsAccordionInitialState
+                === DataPanelCustomColumnGroupsAccordionState.EXPAND_FIRST
+        ) {
+            /* eslint-disable-next-line max-len */
+            queryParams[
+                Param.DataPanelCustomGroupsAccordionInitialState
+            ] = dataPanelCustomGroupsAccordionInitialState;
+        } else {
+            /* eslint-disable-next-line max-len */
+            queryParams[Param.DataPanelCustomGroupsAccordionInitialState] = DataPanelCustomColumnGroupsAccordionState.EXPAND_ALL;
+        }
         let query = '';
         const queryParamsString = getQueryParamString(queryParams, true);
         if (queryParamsString) {
@@ -356,7 +413,7 @@ export class SearchEmbed extends TsEmbed {
         }
 
         const parameterQuery = getRuntimeParameters(runtimeParameters || []);
-        if (parameterQuery) query += `&${parameterQuery}`;
+        if (parameterQuery && !excludeRuntimeParametersfromURL) query += `&${parameterQuery}`;
 
         const filterQuery = getFilterQuery(runtimeFilters || []);
         if (filterQuery && !excludeRuntimeFiltersfromURL) {
@@ -368,7 +425,6 @@ export class SearchEmbed extends TsEmbed {
     /**
      * Construct the URL of the embedded ThoughtSpot search to be
      * loaded in the iframe
-     *
      * @param answerId The GUID of a saved answer
      * @param dataSources A list of data source GUIDs
      */

package/src/embed/ts-embed-trigger.spec.ts

@@ -8,12 +8,9 @@ import {
     getRootEl,
 } from '../test/test-utils';
 
-import * as authInstance from '../auth';
-
 describe('Trigger', () => {
     beforeEach(() => {
         document.body.innerHTML = getDocumentBody();
-        jest.spyOn(authInstance, 'postLoginService').mockResolvedValue(true);
     });
     test('should trigger the event', async (done) => {
         init({

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

@@ -1,39 +1,45 @@
 /* eslint-disable dot-notation */
+import * as authInstance from '../auth';
 import { resetCachedAuthToken } from '../authToken';
+import * as config from '../config';
 import {
+    AppEmbed,
     AuthType,
-    init,
     EmbedEvent,
-    SearchEmbed,
-    PinboardEmbed,
-    LiveboardViewConfig,
-    AppEmbed,
     LiveboardEmbed,
+    LiveboardViewConfig,
+    PinboardEmbed,
+    SearchEmbed,
+    init,
 } from '../index';
+import * as mixpanelInstance from '../mixpanel-service';
+import { MIXPANEL_EVENT } from '../mixpanel-service';
 import {
-    Action, HomeLeftNavItem, RuntimeFilter, RuntimeFilterOp, HomepageModule, HostEvent,
+    Action,
+    HomeLeftNavItem,
+    RuntimeFilter,
+    RuntimeFilterOp,
+    HomepageModule,
+    HostEvent,
+    RuntimeParameter,
 } from '../types';
 import {
+    createRootEleForEmbed,
+    defaultParamsForPinboardEmbed,
     executeAfterWait,
+    expectUrlMatchesWithParams,
     getDocumentBody,
     getIFrameEl,
     getIFrameSrc,
     getRootEl,
+    mockMessageChannel,
     postMessageToParent,
-    defaultParamsForPinboardEmbed,
     waitFor,
-    expectUrlMatchesWithParams,
-    mockMessageChannel,
-    createRootEleForEmbed,
 } from '../test/test-utils';
-import * as config from '../config';
-import * as tsEmbedInstance from './ts-embed';
-import * as mixpanelInstance from '../mixpanel-service';
-import * as authInstance from '../auth';
-import * as baseInstance from './base';
-import { MIXPANEL_EVENT } from '../mixpanel-service';
 import * as authService from '../utils/authService/authService';
 import { logger } from '../utils/logger';
+import * as baseInstance from './base';
+import * as tsEmbedInstance from './ts-embed';
 
 const defaultViewConfig = {
     frameParams: {
@@ -83,10 +89,6 @@ describe('Unit test case for ts embed', () => {
         resetCachedAuthToken();
     });
 
-    beforeAll(() => {
-        jest.spyOn(authInstance, 'postLoginService').mockResolvedValue(true);
-    });
-
     describe('AuthExpire embedEvent in cookieless authentication authType', () => {
         beforeAll(() => {
             jest.spyOn(authInstance, 'doCookielessTokenAuth').mockResolvedValueOnce(true);
@@ -159,6 +161,7 @@ describe('Unit test case for ts embed', () => {
                     customisations,
                     authToken: '',
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     hostConfig: undefined,
@@ -190,6 +193,7 @@ describe('Unit test case for ts embed', () => {
                     customisations: customisationsView,
                     authToken: '',
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     hostConfig: undefined,
@@ -230,6 +234,7 @@ describe('Unit test case for ts embed', () => {
                     authToken: '',
                     hostConfig: undefined,
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [HomepageModule.MyLibrary, HomepageModule.Learning],
                     reorderedHomepageModules: [],
@@ -266,6 +271,7 @@ describe('Unit test case for ts embed', () => {
                     authToken: '',
                     hostConfig: undefined,
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     reorderedHomepageModules: [HomepageModule.MyLibrary, HomepageModule.Watchlist],
@@ -273,6 +279,46 @@ describe('Unit test case for ts embed', () => {
             });
         });
 
+        test('Runtime parameters from view Config should be part of app_init payload when excludeRuntimeParametsfromURL is true', async () => {
+            const mockEmbedEventPayload = {
+                type: EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const mockRuntimeParameters: RuntimeParameter[] = [
+                {
+                    name: 'color',
+                    value: 'blue',
+                },
+            ];
+
+            const searchEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                excludeRuntimeParametersfromURL: true,
+                runtimeParameters: mockRuntimeParameters,
+            });
+            searchEmbed.render();
+            const mockPort: any = {
+                postMessage: jest.fn(),
+            };
+            await executeAfterWait(() => {
+                const iframe = getIFrameEl();
+                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+            });
+            expect(mockPort.postMessage).toHaveBeenCalledWith({
+                type: EmbedEvent.APP_INIT,
+                data: {
+                    customisations,
+                    authToken: '',
+                    runtimeFilterParams: null,
+                    runtimeParameterParams: 'param1=color&paramVal1=blue',
+                    hiddenHomeLeftNavItems: [],
+                    hiddenHomepageModules: [],
+                    hostConfig: undefined,
+                    reorderedHomepageModules: [],
+                },
+            });
+        });
+
         test('Runtime filters from view Config should be part of app_init payload when excludeRuntimeFiltersfromURL is true', async () => {
             const mockEmbedEventPayload = {
                 type: EmbedEvent.APP_INIT,
@@ -305,6 +351,7 @@ describe('Unit test case for ts embed', () => {
                     customisations,
                     authToken: '',
                     runtimeFilterParams: 'col1=color&op1=EQ&val1=blue',
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     hostConfig: undefined,
@@ -344,6 +391,7 @@ describe('Unit test case for ts embed', () => {
                     customisations,
                     authToken: '',
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     hostConfig: undefined,
@@ -384,6 +432,7 @@ describe('Unit test case for ts embed', () => {
                     customisations,
                     authToken: '',
                     runtimeFilterParams: null,
+                    runtimeParameterParams: null,
                     hiddenHomeLeftNavItems: [],
                     hiddenHomepageModules: [],
                     hostConfig: undefined,
@@ -421,8 +470,11 @@ describe('Unit test case for ts embed', () => {
                     authToken: '',
                     hostConfig: undefined,
                     runtimeFilterParams: null,
-                    hiddenHomeLeftNavItems:
-                        [HomeLeftNavItem.Home, HomeLeftNavItem.MonitorSubscription],
+                    runtimeParameterParams: null,
+                    hiddenHomeLeftNavItems: [
+                        HomeLeftNavItem.Home,
+                        HomeLeftNavItem.MonitorSubscription,
+                    ],
                     hiddenHomepageModules: [],
                     reorderedHomepageModules: [],
                 },
@@ -587,6 +639,7 @@ describe('Unit test case for ts embed', () => {
                         customisations,
                         authToken: 'test_auth_token1',
                         runtimeFilterParams: null,
+                        runtimeParameterParams: null,
                         hiddenHomeLeftNavItems: [],
                         hiddenHomepageModules: [],
                         hostConfig: undefined,
@@ -651,7 +704,10 @@ describe('Unit test case for ts embed', () => {
                 type: EmbedEvent.APP_INIT,
                 data: {},
             };
-            const searchEmbed = new SearchEmbed(getRootEl(), { ...defaultViewConfig, preRenderId: 'test' });
+            const searchEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                preRenderId: 'test',
+            });
             searchEmbed.preRender();
             const mockPort: any = {
                 postMessage: jest.fn(),
@@ -684,7 +740,6 @@ describe('Unit test case for ts embed', () => {
             const mockPort: any = {
                 postMessage: jest.fn(),
             };
-            const loggerSpy = jest.spyOn(logger, 'error').mockResolvedValueOnce(true);
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
                 postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
@@ -694,7 +749,6 @@ describe('Unit test case for ts embed', () => {
                 expect(baseInstance.notifyAuthFailure).toBeCalledWith(
                     authInstance.AuthFailureType.EXPIRY,
                 );
-                expect(loggerSpy).toHaveBeenCalledTimes(1);
             });
 
             jest.spyOn(authService, 'verifyTokenService').mockClear();
@@ -710,10 +764,12 @@ describe('Unit test case for ts embed', () => {
                 type: EmbedEvent.AuthExpire,
                 data: {},
             };
-            const searchEmbed = new SearchEmbed(getRootEl(), { ...defaultViewConfig, preRenderId: 'test' });
+            const searchEmbed = new SearchEmbed(getRootEl(), {
+                ...defaultViewConfig,
+                preRenderId: 'test',
+            });
             jest.spyOn(baseInstance, 'notifyAuthFailure');
             searchEmbed.preRender();
-            const loggerSpy = jest.spyOn(logger, 'error').mockResolvedValueOnce(true);
             const mockPort: any = {
                 postMessage: jest.fn(),
             };
@@ -727,7 +783,6 @@ describe('Unit test case for ts embed', () => {
                 expect(baseInstance.notifyAuthFailure).toBeCalledWith(
                     authInstance.AuthFailureType.EXPIRY,
                 );
-                expect(loggerSpy).toHaveBeenCalledTimes(1);
             });
 
             jest.spyOn(authService, 'verifyTokenService').mockClear();
@@ -1216,7 +1271,7 @@ describe('Unit test case for ts embed', () => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                + `&foo=bar&baz=1&bool=true${defaultParamsPost}#/home`,
+                    + `&foo=bar&baz=1&bool=true${defaultParamsPost}#/home`,
             );
         });
 
@@ -1232,7 +1287,7 @@ describe('Unit test case for ts embed', () => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                + `&showAlerts=true${defaultParamsPost}#/home`,
+                    + `&showAlerts=true${defaultParamsPost}#/home`,
             );
         });
         it('Sets the locale param', async () => {
@@ -1247,7 +1302,7 @@ describe('Unit test case for ts embed', () => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                + `&locale=ja-JP${defaultParamsPost}#/home`,
+                    + `&locale=ja-JP${defaultParamsPost}#/home`,
             );
         });
         it('Sets the iconSprite url', async () => {
@@ -1264,7 +1319,7 @@ describe('Unit test case for ts embed', () => {
             expectUrlMatchesWithParams(
                 getIFrameSrc(),
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                + `&iconSprite=iconSprite.com${defaultParamsPost}#/home`,
+                    + `&iconSprite=iconSprite.com${defaultParamsPost}#/home`,
             );
         });
 
@@ -1331,6 +1386,28 @@ describe('Unit test case for ts embed', () => {
                 done();
             });
         });
+
+        it('Should set the override locale for number/date and currency format', async () => {
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValue(true);
+            init({
+                thoughtSpotHost: 'tshost',
+                authType: AuthType.None,
+                numberFormatLocale: 'en-US',
+                dateFormatLocale: 'en-IN',
+                currencyFormat: 'USD',
+            });
+            const appEmbed = new AppEmbed(getRootEl(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            await appEmbed.render();
+            expectUrlMatchesWithParams(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&numberFormatLocale=en-US&dateFormatLocale=en-IN&currencyFormat=USD${defaultParamsPost}#/home`,
+            );
+        });
     });
 
     describe('When destroyed', () => {