@thoughtspot/visual-embed-sdk 1.24.0-preRender.5 → 1.24.0-preRender.7

package/src/embed/liveboard.ts

@@ -9,19 +9,17 @@
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
-import _ from 'lodash';
 import { ERROR_MESSAGE } from '../errors';
 import {
     EmbedEvent,
     MessagePayload,
     Param,
     RuntimeFilter,
-    RuntimeParameter,
     DOMSelector,
     HostEvent,
     ViewConfig,
 } from '../types';
-import { getQueryParamString, getRuntimeParameters } from '../utils';
+import { getQueryParamString, isUndefined } from '../utils';
 import { getAuthPromise } from './base';
 import { V1Embed } from './ts-embed';
 
@@ -30,7 +28,7 @@ import { V1Embed } from './ts-embed';
  *
  * @group Embed components
  */
-export interface LiveboardViewConfig extends ViewConfig {
+export interface LiveboardViewConfig extends Omit<ViewConfig, 'hiddenHomepageModules' | 'hiddenHomeLeftNavItems'| 'reorderedHomepageModules'> {
     /**
      * If set to true, the embedded object container dynamically resizes
      * according to the height of the Liveboard.
@@ -96,7 +94,7 @@ export interface LiveboardViewConfig extends ViewConfig {
      */
     liveboardV2?: boolean;
     /**
-     * Tab Id of the Liveboard that is supposed to be active
+     * Tab ID of the Liveboard that is supposed to be active
      *
      * @version SDK: 1.15.0 | ThoughtSpot: 8.7.0.cl, 8.8.1-sw
      */
@@ -108,9 +106,39 @@ export interface LiveboardViewConfig extends ViewConfig {
      */
     hideTabPanel?: boolean;
     /**
-     * The list of parameter override to apply to a Liveboard.
+     * Show or hide Liveboard header
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
+     * @default false
+     */
+    hideLiveboardHeader?: boolean;
+    /**
+     * Show or hide Liveboard title
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
+     * @default false
+     */
+    showLiveboardTitle?: boolean;
+    /**
+     * Show or hide Liveboard description
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
+     * @default false
      */
-    runtimeParameters?: RuntimeParameter[];
+    showLiveboardDescription?: boolean;
+    /**
+     * Boolean for sticky Liveboard header.
+     *
+     * @example
+     * ```js
+     * const embed = new LiveboardEmbed('#embed', {
+     *   ... // other liveboard view config
+     *   isLiveboardHeaderSticky: true,
+     * });
+     * ```
+     * @version SDK: 1.26.0 | Thoughtspot: 9.7.0.cl
+     */
+    isLiveboardHeaderSticky?: boolean;
 }
 
 /**
@@ -162,7 +190,10 @@ export class LiveboardEmbed extends V1Embed {
             vizId,
             hideTabPanel,
             activeTabId,
-            runtimeParameters,
+            hideLiveboardHeader,
+            showLiveboardDescription,
+            showLiveboardTitle,
+            isLiveboardHeaderSticky = true,
         } = this.viewConfig;
 
         const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
@@ -193,10 +224,19 @@ export class LiveboardEmbed extends V1Embed {
         if (hideTabPanel) {
             params[Param.HideTabPanel] = hideTabPanel;
         }
-        let queryParams = getQueryParamString(params, true);
+        if (hideLiveboardHeader) {
+            params[Param.HideLiveboardHeader] = hideLiveboardHeader;
+        }
+        if (showLiveboardDescription) {
+            params[Param.ShowLiveboardDescription] = showLiveboardDescription;
+        }
+        if (showLiveboardTitle) {
+            params[Param.ShowLiveboardTitle] = showLiveboardTitle;
+        }
+
+        params[Param.LiveboardHeaderSticky] = isLiveboardHeaderSticky;
 
-        const parameterQuery = getRuntimeParameters(runtimeParameters || []);
-        if (parameterQuery) queryParams += `&${parameterQuery}`;
+        const queryParams = getQueryParamString(params, true);
 
         return queryParams;
     }
@@ -264,7 +304,7 @@ export class LiveboardEmbed extends V1Embed {
     protected beforePrerenderVisible(): void {
         const embedObj = this.insertedDomEl?.[this.embedNodeKey] as LiveboardEmbed;
 
-        if (_.isUndefined(embedObj)) return;
+        if (isUndefined(embedObj)) return;
 
         const showDifferentLib = this.viewConfig.liveboardId
         && embedObj.viewConfig.liveboardId !== this.viewConfig.liveboardId;
@@ -276,7 +316,7 @@ export class LiveboardEmbed extends V1Embed {
     }
 
     protected handleRenderForPrerender(): void {
-        if (_.isUndefined(this.viewConfig.liveboardId)) {
+        if (isUndefined(this.viewConfig.liveboardId)) {
             this.prerenderGeneric();
             return;
         }

package/src/embed/sage.spec.ts

@@ -10,10 +10,13 @@ import {
 } from '../test/test-utils';
 
 const defaultConfig: SageViewConfig = {
-    showObjectResults: true,
     disableWorksheetChange: false,
-    hideWorksheetSelector: true,
-    showObjectSuggestions: false,
+    hideWorksheetSelector: false,
+    hideSearchBarTitle: false,
+    hideSageAnswerHeader: false,
+    hideAutocompleteSuggestions: false,
+    hideSampleQuestions: false,
+    isProductTour: false,
 };
 
 const thoughtSpotHost = 'tshost';
@@ -37,10 +40,119 @@ describe('Sage  embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatch(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&hideEurekaResults=false&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=true&hideEurekaSuggestions=true&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
             );
         });
     });
+
+    test('should render sage with product tour flag set', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), { ...defaultConfig, isProductTour: true });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=true&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with disable worksheet change flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            disableWorksheetChange: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=true&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with hide worksheet selector flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            hideWorksheetSelector: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=true&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with hideSearchBarTitle flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            hideSearchBarTitle: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=true&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with hide Sage Answer Header flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            hideSageAnswerHeader: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=true&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with hide Autocomplete suggestions flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            hideAutocompleteSuggestions: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=true&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('should render sage with deprecated showObjectSuggestions flag', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            showObjectSuggestions: true,
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka`,
+            );
+        });
+    });
+
+    test('embed url include pre-seed dataSource without populating searchOptions', async () => {
+        const sageEmbed = new SageEmbed(getRootEl(), {
+            ...defaultConfig,
+            dataSource: 'worksheet-id',
+        });
+        sageEmbed.render();
+        await executeAfterWait(() => {
+            expectUrlMatch(
+                getIFrameSrc(),
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka?worksheet=worksheet-id`,
+            );
+        });
+    });
+
     test('embed url include pre-seed dataSource and query', async () => {
         const sageEmbed = new SageEmbed(getRootEl(), {
             ...defaultConfig,
@@ -53,10 +165,11 @@ describe('Sage  embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatch(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&hideEurekaResults=false&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=true&hideEurekaSuggestions=true&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka?worksheet=worksheet-id&query=test-query`,
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&isProductTour=false&hideSearchBarTitle=false&hideSageAnswerHeader=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka?worksheet=worksheet-id&query=test-query`,
             );
         });
     });
+
     test('embed url include pre-seed execute flag with query', async () => {
         const sageEmbed = new SageEmbed(getRootEl(), {
             ...defaultConfig,
@@ -69,7 +182,7 @@ describe('Sage  embed tests', () => {
         await executeAfterWait(() => {
             expectUrlMatch(
                 getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&hideEurekaResults=false&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=true&hideEurekaSuggestions=true&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka?query=test-query&executeSearch=true`,
+                `http://${thoughtSpotHost}/?embedApp=true&isSageEmbed=true&disableWorksheetChange=false&hideWorksheetSelector=false&hideEurekaSuggestions=false&hideAction=%5B"reportError","save","pin","editACopy","saveAsView","updateTSL","editTSL","onDeleteAnswer","share"%5D#/embed/eureka?query=test-query&executeSearch=true`,
             );
         });
     });

package/src/embed/sage.ts

@@ -18,7 +18,7 @@ import { V1Embed } from './ts-embed';
  */
 export interface SearchOptions {
     /**
-     * The tml string to load the answer
+     * The query string to pre-fill in natual language search bar
      */
     searchQuery: string;
     /**
@@ -37,34 +37,74 @@ export interface SearchOptions {
  * @version: SDK: 1.23.0 | ThoughtSpot: 9.4.0.cl, 9.5.1-sw
  * @group Embed components
  */
-export interface SageViewConfig extends ViewConfig {
+export interface SageViewConfig
+    extends Omit<
+        ViewConfig,
+        'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs' | 'reorderedHomepageModules'
+    > {
     /**
      * If set to true, a list of liveboard and answers related
      * to the natural language search will be shown below the
      * AI generated answer.
+     *
+     * @deprecated Currently liveboard and answers related
+     * to the natural language search will not be shown for sage
+     * embed
      */
     showObjectResults?: boolean;
+    /**
+     * flag used by the TS product tour page to show the blue search bar
+     * even after the search is completed. This is different from TSE Sage Embed
+     * experience where it mimics closer to the non-embed case.
+     * The Sample questions container is collapsed when this value is set after
+     * does a search.
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.8.0.cl
+     * @hidden
+     */
+    isProductTour?: boolean;
+    /**
+     * flag to hide search bar title. default false.
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.8.0.cl
+     */
+    hideSearchBarTitle?: boolean;
+    /**
+     * flag to disable Sage Answer header(`AI Answer` title section on top of the Sage
+     * answer). default false.
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.9.0.cl
+     */
+    hideSageAnswerHeader?: boolean;
     /**
      * flag to disable changing worksheet. default false.
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.9.0.cl
      */
-    disableWorksheetChange?: boolean,
+    disableWorksheetChange?: boolean;
     /**
      * flag to hide worksheet selector. default false.
      */
-    hideWorksheetSelector?: boolean,
+    hideWorksheetSelector?: boolean;
     /**
-     * If set to true, the search suggestions will contain existing
-     * liveboards and answers in addition with the autocomplete
+     * If set to true, the search bar auto complete search suggestions will not be shown.
+     * default false
      *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.9.0.cl
      */
-    showObjectSuggestions?: boolean;
+    hideAutocompleteSuggestions?: boolean;
     /**
-     * The query string to pre-fill in natual language search bar
+     * If set to false, the auto complete search suggestions not be shown
+     *
+     * @deprecated currently, object suggestions will not be shown for sage embed
+     * earlier this flag was used to show Auto complete suggestions
      */
-    searchQuery?: string;
+    showObjectSuggestions?: boolean;
     /**
      * If set to true, sample questions would be hidden to user.
      * These sample questions are autogenerated based on selected datasource.
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.10.0.cl
      */
     hideSampleQuestions?: boolean;
     /**
@@ -73,9 +113,10 @@ export interface SageViewConfig extends ViewConfig {
     dataSource?: string;
     /**
      * Configuration for search options
+     *
+     * @version SDK: 1.26.0 | Thoughtspot: 9.8.0.cl
      */
     searchOptions?: SearchOptions;
-
 }
 export const HiddenActionItemByDefaultForSageEmbed = [
     Action.Save,
@@ -115,21 +156,30 @@ export class SageEmbed extends V1Embed {
      */
     protected getEmbedParams(): string {
         const {
-            showObjectResults,
             disableWorksheetChange,
             hideWorksheetSelector,
             showObjectSuggestions,
             hideSampleQuestions,
+            isProductTour,
+            hideSearchBarTitle,
+            hideSageAnswerHeader,
+            hideAutocompleteSuggestions,
         } = this.viewConfig;
 
         const params = this.getBaseQueryParams();
         params[Param.EmbedApp] = true;
-        params[Param.HideEurekaResults] = !showObjectResults;
         params[Param.IsSageEmbed] = true;
         params[Param.DisableWorksheetChange] = !!disableWorksheetChange;
         params[Param.HideWorksheetSelector] = !!hideWorksheetSelector;
-        params[Param.HideEurekaSuggestions] = !showObjectSuggestions;
+        params[Param.HideEurekaSuggestions] = !!hideAutocompleteSuggestions;
+        if (showObjectSuggestions) {
+            params[Param.HideEurekaSuggestions] = !showObjectSuggestions;
+            // support backwards compatibility
+        }
         params[Param.HideSampleQuestions] = !!hideSampleQuestions;
+        params[Param.IsProductTour] = !!isProductTour;
+        params[Param.HideSearchBarTitle] = !!hideSearchBarTitle;
+        params[Param.HideSageAnswerHeader] = !!hideSageAnswerHeader;
         params[Param.HideActions] = [
             ...(params[Param.HideActions] ?? []),
             ...HiddenActionItemByDefaultForSageEmbed,

package/src/embed/search-bar.tsx

@@ -7,7 +7,17 @@ import { SearchOptions } from './search';
  * @group Embed components
  */
 export interface SearchBarViewConfig
-    extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts' | 'dataPanelV2'> {
+    extends Omit<
+        ViewConfig,
+        | 'runtimeFilters'
+        | 'showAlerts'
+        | 'dataPanelV2'
+        | 'hiddenHomepageModules'
+        | 'hiddenHomeLeftNavItems'
+        | 'hiddenTabs'
+        | 'visibleTabs'
+        | 'reorderedHomepageModules'
+    > {
     /**
      * The array of data source GUIDs to set on load.
      * Only a single dataSource supported currently.

package/src/embed/search.ts

@@ -14,7 +14,6 @@ import {
     Action,
     ViewConfig,
     RuntimeFilter,
-    RuntimeParameter,
 } from '../types';
 import {
     getQueryParamString,
@@ -50,7 +49,11 @@ export interface SearchOptions {
  *
  * @group Embed components
  */
-export interface SearchViewConfig extends ViewConfig {
+export interface SearchViewConfig
+    extends Omit<
+        ViewConfig,
+        'hiddenHomepageModules' | 'hiddenHomeLeftNavItems' | 'hiddenTabs' | 'visibleTabs' | 'reorderedHomepageModules'
+    > {
     /**
      * If set to true, the data sources panel is collapsed on load,
      * but can be expanded manually.
@@ -124,10 +127,6 @@ export interface SearchViewConfig extends ViewConfig {
      * @version: SDK: 1.24.0
      */
     useLastSelectedSources?: boolean;
-    /**
-     * The list of parameter override to apply to a search answer.
-     */
-    runtimeParameters?: RuntimeParameter[];
 }
 
 export const HiddenActionItemByDefaultForSearchEmbed = [

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

@@ -48,6 +48,15 @@ const tabId2 = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const thoughtSpotHost = 'tshost';
 const defaultParamsPost = '';
 
+const createRootEleForEmbed = () => {
+    const rootEle = document.createElement('div');
+    rootEle.id = 'myRoot';
+    const tsEmbedDiv = document.createElement('div');
+    tsEmbedDiv.id = 'tsEmbedDiv';
+    rootEle.appendChild(tsEmbedDiv);
+    document.body.appendChild(rootEle);
+};
+
 beforeAll(() => {
     spyOn(window, 'alert');
 });
@@ -164,7 +173,7 @@ describe('Unit test case for ts embed', () => {
                 HomepageModule.Learning,
             ];
 
-            const searchEmbed = new SearchEmbed(getRootEl(), {
+            const searchEmbed = new AppEmbed(getRootEl(), {
                 ...defaultViewConfig,
                 hiddenHomepageModules: mockedHiddenHomepageModules,
             });
@@ -201,7 +210,7 @@ describe('Unit test case for ts embed', () => {
                 HomepageModule.Watchlist,
             ];
 
-            const searchEmbed = new SearchEmbed(getRootEl(), {
+            const searchEmbed = new AppEmbed(getRootEl(), {
                 ...defaultViewConfig,
                 reorderedHomepageModules: mockedReorderedHomepageModules,
             });
@@ -318,7 +327,7 @@ describe('Unit test case for ts embed', () => {
                 HomeLeftNavItem.Documentation,
             ];
 
-            const searchEmbed = new SearchEmbed(getRootEl(), {
+            const searchEmbed = new AppEmbed(getRootEl(), {
                 ...defaultViewConfig,
                 hiddenHomeLeftNavItems: mockedHiddenHomeLeftNavItems,
             });
@@ -1273,15 +1282,6 @@ describe('Unit test case for ts embed', () => {
             rootEle.remove();
         });
 
-        const createRootEleForEmbed = () => {
-            const rootEle = document.createElement('div');
-            rootEle.id = 'myRoot';
-            const tsEmbedDiv = document.createElement('div');
-            tsEmbedDiv.id = 'tsEmbedDiv';
-            rootEle.appendChild(tsEmbedDiv);
-            document.body.appendChild(rootEle);
-        };
-
         it('should preRender and hide the iframe', async () => {
             createRootEleForEmbed();
 
@@ -1416,5 +1416,50 @@ describe('Unit test case for ts embed', () => {
 
             expect(warnSpy).toHaveBeenCalledTimes(2);
         });
+        it('showPreRender should not preRender if not available', async () => {
+            createRootEleForEmbed();
+
+            const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
+                liveboardId: 'myLiveboardId',
+            });
+            spyOn(libEmbed, 'preRender');
+            spyOn(console, 'error');
+            libEmbed.showPreRender();
+            expect(libEmbed.preRender).toHaveBeenCalledTimes(0);
+            expect(console.error).toHaveBeenCalledTimes(1);
+        });
+
+        it('should get underlying iframe', async () => {
+            createRootEleForEmbed();
+
+            const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
+                liveboardId: 'myLiveboardId',
+            });
+            libEmbed.render();
+            await waitFor(() => !!getIFrameEl());
+
+            expect(libEmbed.getUnderlyingFrameElement()).toEqual(getIFrameEl());
+        });
+
+        it('should render error message properly', async () => {
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(false);
+            const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
+                liveboardId: 'myLiveboardId',
+                preRenderId: 'test',
+            });
+            await libEmbed.preRender();
+
+            expect(document.getElementById('tsEmbed-pre-render-child-test').innerHTML).toBe('Not logged in');
+        });
+        it('should log error if sync is called before preRender', async () => {
+            jest.spyOn(console, 'error').mockImplementation(jest.fn());
+            const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
+                liveboardId: 'myLiveboardId',
+                preRenderId: 'test',
+            });
+            await libEmbed.syncPreRenderStyle();
+            expect(console.error).toBeCalledWith('PreRender should be called before using syncPreRenderStyle');
+            (console.error as any).mockClear();
+        });
     });
 });