@thoughtspot/visual-embed-sdk 1.6.0-alpha.2 → 1.6.2

package/lib/src/visual-embed-sdk.d.ts

@@ -88,7 +88,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
             pageId?: Page;
             /**
                 * This puts a filter tag on the application. All metadata lists in the application, such as
-                * liveboards and answers, would be filtered by this tag.
+                * Liveboards and answers, would be filtered by this tag.
                 */
             tag?: string;
             /**
@@ -103,6 +103,13 @@ declare module '@thoughtspot/visual-embed-sdk/embed/app' {
     export class AppEmbed extends V1Embed {
             protected viewConfig: AppViewConfig;
             constructor(domSelector: DOMSelector, viewConfig: AppViewConfig);
+            /**
+                * Navigate to particular page for app embed. eg:answers/pinboards/home
+                * This is used for embedding answers, pinboards, visualizations and full application only.
+                * @param path The string, set to iframe src and navigate to new page
+                * eg: appEmbed.navigateToPage('pinboards')
+                */
+            navigateToPage(path: string): void;
             /**
                 * Renders the embedded application pages in the ThoughtSpot app.
                 * @param renderOptions An object containing the page ID
@@ -144,7 +151,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
     /**
         * Copyright (c) 2021
         *
-        * Embed a ThoughtSpot liveboard or visualization
+        * Embed a ThoughtSpot Liveboard or visualization
         * https://developers.thoughtspot.com/docs/?pageid=embed-pinboard
         * https://developers.thoughtspot.com/docs/?pageid=embed-a-viz
         *
@@ -154,21 +161,21 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
     import { DOMSelector } from '@thoughtspot/visual-embed-sdk/types';
     import { V1Embed, ViewConfig } from '@thoughtspot/visual-embed-sdk/embed/ts-embed';
     /**
-        * The configuration for the embedded liveboard or visualization page view.
+        * The configuration for the embedded Liveboard or visualization page view.
         * @Category Liveboards and Charts
         */
     export interface LiveboardViewConfig extends ViewConfig {
             /**
                 * If set to true, the embedded object container dynamically resizes
-                * according to the height of the liveboard.
+                * according to the height of the Liveboard.
                 */
             fullHeight?: boolean;
             /**
-                * This is the minimum height(in pixels) for a full height liveboard.
-                * Setting this height helps resolves issues with empty liveboards and
-                * other screens navigable from a liveboard.
+                * This is the minimum height(in pixels) for a full height Liveboard.
+                * Setting this height helps resolves issues with empty Liveboards and
+                * other screens navigable from a Liveboard.
+                * *_since 1.5.0_
                 * @default 500
-                * * _since 1.5.0_
                 */
             defaultHeight?: number;
             /**
@@ -176,7 +183,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 */
             enableVizTransformations?: boolean;
             /**
-                * The liveboard to display in the embedded view.
+                * The Liveboard to display in the embedded view.
                 * Use either of liveboardId or pinboardId to reference the Liveboard to embed.
                 */
             liveboardId?: string;
@@ -186,12 +193,12 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
                 */
             pinboardId?: string;
             /**
-                * The visualization within the liveboard to display.
+                * The visualization within the Liveboard to display.
                 */
             vizId?: string;
             /**
                 * If set to true, all filter chips from a
-                * liveboard page will be read-only (no X buttons)
+                * Liveboard page will be read-only (no X buttons)
                 */
             preventLiveboardFilterRemoval?: boolean;
             /**
@@ -201,15 +208,15 @@ declare module '@thoughtspot/visual-embed-sdk/embed/liveboard' {
             preventPinboardFilterRemoval?: boolean;
     }
     /**
-        * Embed a ThoughtSpot liveboard or visualization
+        * Embed a ThoughtSpot Liveboard or visualization
         * @Category Liveboards and Charts
         */
     export class LiveboardEmbed extends V1Embed {
             protected viewConfig: LiveboardViewConfig;
             constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig);
             /**
-                * Render an embedded ThoughtSpot liveboard or visualization
-                * @param renderOptions An object specifying the liveboard ID,
+                * Render an embedded ThoughtSpot Liveboard or visualization
+                * @param renderOptions An object specifying the Liveboard ID,
                 * visualization ID and the runtime filters.
                 */
             render(): LiveboardEmbed;
@@ -268,6 +275,10 @@ declare module '@thoughtspot/visual-embed-sdk/embed/search' {
                 * using raw answer data.
                 */
             hideResults?: boolean;
+            /**
+                * If set to true, expands all the data sources panel.
+                */
+            expandAllDataSource?: boolean;
             /**
                 * If set to true, the Search Assist feature is enabled.
                 */
@@ -328,6 +339,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * SSO using SAML
                 */
             SSO = "SSO_SAML",
+            /**
+                * SSO using IODC
+                */
+            IODC = "SSO_IODC",
             /**
                 * Trusted authentication server
                 */
@@ -421,12 +436,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * When there are multiple embeds, queue the render of embed to start
                 *  after the previous embed's render is complete. This helps in the load performance
                 *  by decreasing the load on the browser.
+                * @version 1.5.0 or later
                 * @default false
                 */
             queueMultiRenders?: boolean;
             /**
                 * Dynamic CSS Url to be injected in the loaded application.
-                * _Since: 1.6.0_
+                * @version 1.6.0 or later
                 * @default ''
                 */
             customCssUrl?: string;
@@ -502,7 +518,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             IN = "IN"
     }
     /**
-        * A filter that can be applied to ThoughtSpot answers, liveboards, or
+        * A filter that can be applied to ThoughtSpot answers, Liveboards, or
         * visualizations at runtime.
         */
     export interface RuntimeFilter {
@@ -540,12 +556,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             Load = "load",
             /**
-                * Data pertaining to answer or liveboard is received
-                * @return data - The answer or liveboard data
+                * Data pertaining to answer or Liveboard is received
+                * @return data - The answer or Liveboard data
                 */
             Data = "data",
             /**
-                * Search/answer/liveboard filters have been applied/updated
+                * Search/answer/Liveboard filters have been applied/updated
                 * @hidden
                 */
             FiltersChanged = "filtersChanged",
@@ -568,13 +584,13 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             /**
                 * A custom action has been triggered
                 * @return actionId - The id of the custom action
-                * @return data - The answer or liveboard data
+                * @return data - The answer or Liveboard data
                 */
             CustomAction = "customAction",
             /**
                 * A double click has been triggered on table/chart
                 * @return ContextMenuInputPoints - data point that is double clicked
-                * * _since: 1.5.0_
+                * @version 1.5.0 or later
                 */
             VizPointDoubleClick = "vizPointDoubleClick",
             /**
@@ -592,8 +608,8 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             AuthExpire = "ThoughtspotAuthExpired",
             /**
-                * The height of the embedded liveboard or visualization has been computed.
-                * @return data - The height of the embedded liveboard or visualization
+                * The height of the embedded Liveboard or visualization has been computed.
+                * @return data - The height of the embedded Liveboard or visualization
                 * @hidden
                 */
             EmbedHeight = "EMBED_HEIGHT",
@@ -605,7 +621,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             EmbedIframeCenter = "EmbedIframeCenter",
             /**
                 * Detects the route change.
-                * @hidden
                 */
             RouteChange = "ROUTE_CHANGE",
             /**
@@ -617,7 +632,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * Emitted when the embed does not have cookie access. This
                 * happens on Safari where third-party cookies are blocked by default.
                 *
-                * @version 1.1.0
+                * @version 1.1.0 or later
                 */
             NoCookieAccess = "noCookieAccess",
             /**
@@ -628,12 +643,12 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             SAMLComplete = "samlComplete",
             /**
                 * Emitted when any modal is opened in the app
-                * * _since: 1.6.0_
+                * @version 1.6.0 or later
                 */
             DialogOpen = "dialog-open",
             /**
                 * Emitted when any modal is closed in the app
-                * * _since: 1.6.0_
+                * @version 1.6.0 or later
                 */
             DialogClose = "dialog-close"
     }
@@ -654,7 +669,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 *              eg. { selectedPoints: []}
                 * @param columnGuid - a string guid of the column to drill by. This is optional,
                 *                     if not provided it will auto drill by the configured column. \
-                * * _since: 1.5.0_
+                * @version 1.5.0 or later
                 */
             DrillDown = "triggerDrillDown",
             /**
@@ -668,10 +683,10 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 */
             Reload = "reload",
             /**
-                * Set the visible Vizs on a pinboard/liveboard.
-                * @param - an array of ids of vizs to show, the ids not passed
+                * Set the visible visualizations on a Liveboard.
+                * @param - an array of ids of visualizations to show, the ids not passed
                 *          will be hidden.
-                * _since: 1.6.0_
+                * @version 1.6.0 or later
                 */
             SetVisibleVizs = "SetPinboardVisibleVizs"
     }
@@ -700,6 +715,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     export enum Param {
             DataSources = "dataSources",
             DataSourceMode = "dataSourceMode",
+            ExpandAllDataSource = "expandAllDataSource",
             DisableActions = "disableAction",
             DisableActionReason = "disableHint",
             ForceTable = "forceTable",
@@ -725,7 +741,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
     }
     /**
         * The list of actions that can be performed on visual ThoughtSpot
-        * entities, such as answers and liveboards.
+        * entities, such as answers and Liveboards.
         */
     export enum Action {
             Save = "save",
@@ -735,11 +751,6 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
             MakeACopy = "makeACopy",
             EditACopy = "editACopy",
             CopyLink = "embedDocument",
-            /**
-                * @hidden
-                */
-            PinboardSnapshot = "pinboardSnapshot",
-            LiveboardSnapshot = "liveboardSnapshot",
             ResetLayout = "resetLayout",
             Schedule = "schedule",
             SchedulesList = "schedule-list",
@@ -776,7 +787,7 @@ declare module '@thoughtspot/visual-embed-sdk/types' {
                 * @hidden
                 */
             PinboardInfo = "pinboardInfo",
-            LiveboardInfo = "liveboardInfo",
+            LiveboardInfo = "pinboardInfo",
             SendAnswerFeedback = "sendFeedback",
             /**
                 * @deprecated Will be removed in next version
@@ -881,7 +892,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
             visibleActions?: Action[];
             /**
                 * The list of runtime filters to apply to a search answer,
-                * visualization, or liveboard.
+                * visualization, or Liveboard.
                 */
             runtimeFilters?: RuntimeFilter[];
     }
@@ -920,7 +931,7 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
             protected getBaseQueryParams(): {};
             /**
                 * Constructs the base URL string to load v1 of the ThoughtSpot app.
-                * This is used for embedding liveboards, visualizations, and full application.
+                * This is used for embedding Liveboards, visualizations, and full application.
                 * @param queryString The query string to append to the URL.
                 * @param isAppEmbed A Boolean parameter to specify if you are embedding
                 * the full application.
@@ -979,15 +990,6 @@ declare module '@thoughtspot/visual-embed-sdk/embed/ts-embed' {
                 * @param callback A callback function
                 */
             on(messageType: EmbedEvent, callback: MessageCallback): typeof TsEmbed.prototype;
-            /**
-                * Navigates users to the specified application page.
-                * Use this method to navigate users from the embedded
-                * ThoughtSpot context to a specific page in your app.
-                * @param path The page path string.
-                * For example, to navigate users to a liveboard page,
-                * define the method as navigateToPage('liveboard/<liveboardId>').
-                */
-            navigateToPage(path: string): void;
             /**
                 * Triggers an event to the embedded app
                 * @param messageType The event type

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@thoughtspot/visual-embed-sdk",
-    "version": "1.6.0-alpha.2",
+    "version": "1.6.2",
     "description": "ThoughtSpot Embed SDK",
     "module": "lib/src/index.js",
     "main": "dist/tsembed.js",
@@ -65,6 +65,7 @@
         "asciidoctor": "^2.2.1",
         "babel-jest": "^26.6.3",
         "babel-preset-gatsby": "^1.10.0",
+        "classnames": "^2.3.1",
         "command-line-args": "^5.1.1",
         "coveralls": "^3.1.0",
         "dts-bundle": "0.7.3",
@@ -126,6 +127,9 @@
         "type": "git",
         "url": "git+https://github.com/thoughtspot/visual-embed-sdk.git"
     },
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org"
+    },
     "keywords": [
         "thoughtspot",
         "everywhere",

package/src/auth.ts

@@ -25,6 +25,8 @@ export const EndPoints = {
     AUTH_VERIFICATION: '/callosum/v1/session/info',
     SSO_LOGIN_TEMPLATE: (targetUrl: string) =>
         `/callosum/v1/saml/login?targetURLPath=${targetUrl}`,
+    IODC_LOGIN_TEMPLATE: (targetUrl: string) =>
+        `/callosum/v1/oidc/login?targetURLPath=${targetUrl}`,
     TOKEN_LOGIN: '/callosum/v1/session/login/token',
     BASIC_LOGIN: '/callosum/v1/session/login',
 };
@@ -171,7 +173,10 @@ async function samlPopupFlow(ssoURL: string) {
  * Perform SAML authentication
  * @param embedConfig The embed configuration
  */
-export const doSamlAuth = async (embedConfig: EmbedConfig): Promise<void> => {
+const doSSOAuth = async (
+    embedConfig: EmbedConfig,
+    ssoEndPoint: string,
+): Promise<void> => {
     const { thoughtSpotHost } = embedConfig;
     const loggedIn = await isLoggedIn(thoughtSpotHost);
     if (loggedIn) {
@@ -190,6 +195,17 @@ export const doSamlAuth = async (embedConfig: EmbedConfig): Promise<void> => {
         return;
     }
 
+    const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
+    if (embedConfig.noRedirect) {
+        await samlPopupFlow(ssoURL);
+        return;
+    }
+
+    window.location.href = ssoURL;
+};
+
+export const doSamlAuth = async (embedConfig: EmbedConfig) => {
+    const { thoughtSpotHost } = embedConfig;
     // redirect for SSO, when the SSO authentication is done, this page will be loaded
     // again and the same JS will execute again.
     const ssoRedirectUrl = embedConfig.noRedirect
@@ -201,13 +217,23 @@ export const doSamlAuth = async (embedConfig: EmbedConfig): Promise<void> => {
         encodeURIComponent(ssoRedirectUrl),
     )}`;
 
-    const ssoURL = `${thoughtSpotHost}${ssoEndPoint}`;
-    if (embedConfig.noRedirect) {
-        await samlPopupFlow(ssoURL);
-        return;
-    }
+    await doSSOAuth(embedConfig, ssoEndPoint);
+};
 
-    window.location.href = ssoURL;
+export const doIODCAuth = async (embedConfig: EmbedConfig) => {
+    const { thoughtSpotHost } = embedConfig;
+    // redirect for SSO, when the SSO authentication is done, this page will be loaded
+    // again and the same JS will execute again.
+    const ssoRedirectUrl = embedConfig.noRedirect
+        ? `${thoughtSpotHost}/v2/#/embed/saml-complete`
+        : appendToUrlHash(window.location.href, SSO_REDIRECTION_MARKER_GUID);
+
+    // bring back the page to the same URL
+    const ssoEndPoint = `${EndPoints.IODC_LOGIN_TEMPLATE(
+        encodeURIComponent(ssoRedirectUrl),
+    )}`;
+
+    await doSSOAuth(embedConfig, ssoEndPoint);
 };
 
 /**
@@ -219,6 +245,8 @@ export const authenticate = async (embedConfig: EmbedConfig): Promise<void> => {
     switch (authType) {
         case AuthType.SSO:
             return doSamlAuth(embedConfig);
+        case AuthType.IODC:
+            return doIODCAuth(embedConfig);
         case AuthType.AuthServer:
             return doTokenAuth(embedConfig);
         case AuthType.Basic:

package/src/embed/app.spec.ts

@@ -8,6 +8,7 @@ import {
     getRootEl,
 } from '../test/test-utils';
 import { version } from '../../package.json';
+import * as config from '../config';
 
 const defaultViewConfig = {
     frameParams: {
@@ -17,6 +18,7 @@ const defaultViewConfig = {
 };
 const thoughtSpotHost = 'tshost';
 const defaultParams = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+const defaultParamsForPinboardEmbed = `hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
 
 beforeAll(() => {
     init({
@@ -168,4 +170,42 @@ describe('App embed tests', () => {
             );
         });
     });
+
+    describe('Naviage to Page API', () => {
+        const path = 'pinboard/e0836cad-4fdf-42d4-bd97-567a6b2a6058';
+        beforeEach(() => {
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => 'http://tshost',
+            );
+        });
+
+        test('when app is AppEmbed after navigateToPage function call, new path should be set to iframe', async () => {
+            const appEmbed = new AppEmbed(getRootEl(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            await appEmbed.render();
+            appEmbed.navigateToPage(path);
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}#/${path}`,
+            );
+        });
+
+        test('navigateToPage function use before render', async () => {
+            spyOn(console, 'log');
+            const appEmbed = new AppEmbed(getRootEl(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            appEmbed.navigateToPage(path);
+            await appEmbed.render();
+            expect(console.log).toHaveBeenCalledWith(
+                'Please call render before invoking this method',
+            );
+        });
+    });
 });

package/src/embed/app.ts

@@ -72,7 +72,7 @@ export interface AppViewConfig extends ViewConfig {
     pageId?: Page;
     /**
      * This puts a filter tag on the application. All metadata lists in the application, such as
-     * liveboards and answers, would be filtered by this tag.
+     * Liveboards and answers, would be filtered by this tag.
      */
     tag?: string;
     /**
@@ -95,7 +95,7 @@ export class AppEmbed extends V1Embed {
 
     /**
      * Constructs a map of parameters to be passed on to the
-     * embedded liveboard or visualization.
+     * embedded Liveboard or visualization.
      */
     private getEmbedParams() {
         const params = this.getBaseQueryParams();
@@ -173,6 +173,25 @@ export class AppEmbed extends V1Embed {
         return path;
     }
 
+    /**
+     * Navigate to particular page for app embed. eg:answers/pinboards/home
+     * This is used for embedding answers, pinboards, visualizations and full application only.
+     * @param path The string, set to iframe src and navigate to new page
+     * eg: appEmbed.navigateToPage('pinboards')
+     */
+    public navigateToPage(path: string): void {
+        if (this.iFrame) {
+            const iframeSrc = this.iFrame.src;
+            const embedPath = '#/embed';
+            const currentPath = iframeSrc.includes(embedPath) ? embedPath : '#';
+            this.iFrame.src = `${
+                iframeSrc.split(currentPath)[0]
+            }${currentPath}/${path.replace(/^\/?#?\//, '')}`;
+        } else {
+            console.log('Please call render before invoking this method');
+        }
+    }
+
     /**
      * Renders the embedded application pages in the ThoughtSpot app.
      * @param renderOptions An object containing the page ID

package/src/embed/events.spec.ts

@@ -4,6 +4,7 @@ import {
     EmbedEvent,
     SearchEmbed,
     PinboardEmbed,
+    LiveboardEmbed,
     HostEvent,
 } from '../index';
 import {
@@ -120,7 +121,13 @@ describe('test communication between host app and ThoughtSpot', () => {
             ...defaultViewConfig,
             pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
         } as LiveboardViewConfig);
+        const spyThree = jest.fn();
+        const embedThree = new LiveboardEmbed(getRootEl2(), {
+            ...defaultViewConfig,
+            liveboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
         embedTwo.on(EmbedEvent.CustomAction, spyTwo).render();
+        embedThree.on(EmbedEvent.CustomAction, spyThree).render();
 
         await executeAfterWait(() => {
             const iframeOne = getIFrameEl();
@@ -133,10 +140,29 @@ describe('test communication between host app and ThoughtSpot', () => {
         await executeAfterWait(() => {
             expect(spyOne).toHaveBeenCalled();
             expect(spyTwo).not.toHaveBeenCalled();
+            expect(spyThree).not.toHaveBeenCalled();
         }, EVENT_WAIT_TIME);
     });
 
     test('send getIframeCenter Event without eventPort', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        const spy1 = jest.spyOn(global.console, 'log');
+
+        await executeAfterWait(() => {
+            const iframe = getIFrameEl();
+            postMessageToParent(iframe.contentWindow, {
+                type: EmbedEvent.EmbedIframeCenter,
+                data: PAYLOAD,
+            });
+        });
+        expect(spy1).toHaveBeenCalledWith('Event Port is not defined');
+    });
+    test('send getIframeCenter Event without eventPort - pinboard', async () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
             ...defaultViewConfig,
             fullHeight: true,
@@ -155,7 +181,7 @@ describe('test communication between host app and ThoughtSpot', () => {
         expect(spy1).toHaveBeenCalledWith('Event Port is not defined');
     });
 
-    test('send getIframeCenter Event with eventPort', async () => {
+    test('send getIframeCenter Event with eventPort - pinboard', async () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
             ...defaultViewConfig,
             fullHeight: true,
@@ -188,4 +214,37 @@ describe('test communication between host app and ThoughtSpot', () => {
         };
         expect(mockPort.postMessage).toHaveBeenCalledWith(heightObj);
     });
+    test('send getIframeCenter Event with eventPort', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        const mockPort: any = {
+            postMessage: jest.fn(),
+        };
+        await executeAfterWait(() => {
+            const iframe = getIFrameEl();
+            postMessageToParent(
+                iframe.contentWindow,
+                {
+                    type: EmbedEvent.EmbedIframeCenter,
+                    data: PAYLOAD,
+                },
+                mockPort,
+            );
+        });
+        const heightObj = {
+            data: {
+                iframeCenter: 0,
+                iframeHeight: 0,
+                iframeScrolled: 0,
+                iframeVisibleViewPort: 0,
+                viewPortHeight: 768,
+            },
+            type: EmbedEvent.EmbedIframeCenter,
+        };
+        expect(mockPort.postMessage).toHaveBeenCalledWith(heightObj);
+    });
 });