@thoughtspot/visual-embed-sdk 1.6.0-alpha.1 → 1.6.1

package/src/embed/app.ts

@@ -31,7 +31,11 @@ export enum Page {
      */
     Answers = 'answers',
     /**
-     * Pinboards listing page
+     * Liveboards listing page
+     */
+    Liveboards = 'liveboards',
+    /**
+     * @hidden
      */
     Pinboards = 'pinboards',
     /**
@@ -68,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
-     * pinboards and answers, would be filtered by this tag.
+     * Liveboards and answers, would be filtered by this tag.
      */
     tag?: string;
     /**
@@ -91,7 +95,7 @@ export class AppEmbed extends V1Embed {
 
     /**
      * Constructs a map of parameters to be passed on to the
-     * embedded pinboard or visualization.
+     * embedded Liveboard or visualization.
      */
     private getEmbedParams() {
         const params = this.getBaseQueryParams();
@@ -139,6 +143,8 @@ export class AppEmbed extends V1Embed {
                 return 'answer';
             case Page.Answers:
                 return 'answers';
+            case Page.Liveboards:
+                return 'pinboards';
             case Page.Pinboards:
                 return 'pinboards';
             case Page.Data:
@@ -167,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 {
@@ -15,7 +16,7 @@ import {
     getRootEl2,
     postMessageToParent,
 } from '../test/test-utils';
-import { PinboardViewConfig } from './pinboard';
+import { LiveboardViewConfig } from './liveboard';
 
 const thoughtSpotHost = 'tshost';
 const defaultViewConfig = {
@@ -119,8 +120,14 @@ describe('test communication between host app and ThoughtSpot', () => {
         const embedTwo = new PinboardEmbed(getRootEl2(), {
             ...defaultViewConfig,
             pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
-        } as PinboardViewConfig);
+        } 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,15 +140,34 @@ 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,
             pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         const spy1 = jest.spyOn(global.console, 'log');
 
@@ -155,12 +181,12 @@ 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,
             pinboardId: 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0',
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         const mockPort: any = {
             postMessage: jest.fn(),
@@ -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);
+    });
 });

package/src/embed/liveboard.spec.ts

@@ -0,0 +1,199 @@
+import { LiveboardEmbed, LiveboardViewConfig } from './liveboard';
+import { init } from '../index';
+import { Action, AuthType, EmbedEvent, RuntimeFilterOp } from '../types';
+import {
+    executeAfterWait,
+    getDocumentBody,
+    getIFrameSrc,
+    getRootEl,
+} from '../test/test-utils';
+import { version } from '../../package.json';
+
+const defaultViewConfig = {
+    frameParams: {
+        width: 1280,
+        height: 720,
+    },
+};
+const liveboardId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
+const vizId = '6e73f724-660e-11eb-ae93-0242ac130002';
+const thoughtSpotHost = 'tshost';
+const defaultParams = `&hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}`;
+const prefixParams = '&isLiveboardEmbed=true';
+
+beforeAll(() => {
+    init({
+        thoughtSpotHost,
+        authType: AuthType.None,
+    });
+});
+
+describe('Liveboard/viz embed tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = getDocumentBody();
+    });
+
+    test('should render liveboard', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should set disabled actions', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            disabledActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
+            disabledActionReason: 'Action denied',
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should set hidden actions', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            hiddenActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&hideAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should set visible actions', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            visibleActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&visibleAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should set visible actions as empty array', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            visibleActions: [],
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&visibleAction=[]${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should enable viz transformations true', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            enableVizTransformations: true,
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&enableVizTransform=true${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should disable viz transformations when enableVizTransformations false', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            enableVizTransformations: false,
+            ...defaultViewConfig,
+            liveboardId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&enableVizTransform=false${prefixParams}#/embed/viz/${liveboardId}`,
+            );
+        });
+    });
+
+    test('should render viz', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+            vizId,
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}#/embed/viz/${liveboardId}/${vizId}`,
+            );
+        });
+    });
+
+    test('should apply runtime filters', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            liveboardId,
+            vizId,
+            runtimeFilters: [
+                {
+                    columnName: 'sales',
+                    operator: RuntimeFilterOp.EQ,
+                    values: [1000],
+                },
+            ],
+        } as LiveboardViewConfig);
+        liveboardEmbed.render();
+        await executeAfterWait(() => {
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParams}#/embed/viz/${liveboardId}/${vizId}`,
+            );
+        });
+    });
+
+    test('should register event handler to adjust iframe height', async () => {
+        const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
+            ...defaultViewConfig,
+            fullHeight: true,
+            liveboardId,
+            vizId,
+        } as LiveboardViewConfig);
+
+        const onSpy = jest.spyOn(liveboardEmbed, 'on');
+        liveboardEmbed.render();
+
+        executeAfterWait(() => {
+            expect(onSpy).toHaveBeenCalledWith(
+                EmbedEvent.EmbedHeight,
+                expect.anything(),
+            );
+        });
+    });
+});

package/src/embed/{pinboard.ts → liveboard.ts}

@@ -1,11 +1,11 @@
 /**
  * Copyright (c) 2021
  *
- * Embed a ThoughtSpot pinboard 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
  *
- * @summary Pinboard & visualization embed
+ * @summary Liveboard & visualization embed
  * @author Ayon Ghosh <ayon.ghosh@thoughtspot.com>
  */
 
@@ -22,21 +22,21 @@ import { getFilterQuery, getQueryParamString } from '../utils';
 import { V1Embed, ViewConfig } from './ts-embed';
 
 /**
- * The configuration for the embedded pinboard or visualization page view.
- * @Category Pinboards and Charts
+ * The configuration for the embedded Liveboard or visualization page view.
+ * @Category Liveboards and Charts
  */
-export interface PinboardViewConfig extends ViewConfig {
+export interface LiveboardViewConfig extends ViewConfig {
     /**
      * If set to true, the embedded object container dynamically resizes
-     * according to the height of the pinboard.
+     * according to the height of the Liveboard.
      */
     fullHeight?: boolean;
     /**
-     * This is the minimum height(in pixels) for a full height pinboard.
-     * Setting this height helps resolves issues with empty pinboards and
-     * other screens navigable from a pinboard.
+     * 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;
     /**
@@ -44,47 +44,61 @@ export interface PinboardViewConfig extends ViewConfig {
      */
     enableVizTransformations?: boolean;
     /**
-     * The pinboard 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.
      */
-    pinboardId: string;
+    liveboardId?: string;
     /**
-     * The visualization within the pinboard to display.
+     * To support backward compatibilty
+     * @hidden
+     */
+    pinboardId?: string;
+    /**
+     * The visualization within the Liveboard to display.
      */
     vizId?: string;
     /**
      * If set to true, all filter chips from a
-     * pinboard page will be read-only (no X buttons)
+     * Liveboard page will be read-only (no X buttons)
+     */
+    preventLiveboardFilterRemoval?: boolean;
+    /**
+     * To support backward compatibilty
+     * @hidden
      */
     preventPinboardFilterRemoval?: boolean;
 }
 
 /**
- * Embed a ThoughtSpot pinboard or visualization
- * @Category Pinboards and Charts
+ * Embed a ThoughtSpot Liveboard or visualization
+ * @Category Liveboards and Charts
  */
-export class PinboardEmbed extends V1Embed {
-    protected viewConfig: PinboardViewConfig;
+export class LiveboardEmbed extends V1Embed {
+    protected viewConfig: LiveboardViewConfig;
 
     private defaultHeight = 500;
 
     // eslint-disable-next-line no-useless-constructor
-    constructor(domSelector: DOMSelector, viewConfig: PinboardViewConfig) {
+    constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig) {
         super(domSelector, viewConfig);
     }
 
     /**
      * Construct a map of params to be passed on to the
-     * embedded pinboard or visualization.
+     * embedded Liveboard or visualization.
      */
     private getEmbedParams() {
         const params = this.getBaseQueryParams();
         const {
             enableVizTransformations,
             fullHeight,
-            preventPinboardFilterRemoval,
             defaultHeight,
         } = this.viewConfig;
 
+        const preventLiveboardFilterRemoval =
+            this.viewConfig.preventLiveboardFilterRemoval ||
+            this.viewConfig.preventPinboardFilterRemoval;
+
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
         }
@@ -96,8 +110,8 @@ export class PinboardEmbed extends V1Embed {
                 Param.EnableVizTransformations
             ] = enableVizTransformations.toString();
         }
-        if (preventPinboardFilterRemoval) {
-            params[Param.preventPinboardFilterRemoval] = true;
+        if (preventLiveboardFilterRemoval) {
+            params[Param.preventLiveboardFilterRemoval] = true;
         }
         params[Param.livedBoardEmbed] = true;
         const queryParams = getQueryParamString(params, true);
@@ -106,15 +120,15 @@ export class PinboardEmbed extends V1Embed {
     }
 
     /**
-     * Construct the URL of the embedded ThoughtSpot pinboard or visualization
+     * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
      * to be loaded within the iframe.
-     * @param pinboardId The GUID of the pinboard.
-     * @param vizId The optional GUID of a visualization within the pinboard.
+     * @param liveboardId The GUID of the Liveboard.
+     * @param vizId The optional GUID of a visualization within the Liveboard.
      * @param runtimeFilters A list of runtime filters to be applied to
-     * the pinboard or visualization on load.
+     * the Liveboard or visualization on load.
      */
     private getIFrameSrc(
-        pinboardId: string,
+        liveboardId: string,
         vizId?: string,
         runtimeFilters?: RuntimeFilter[],
     ) {
@@ -128,7 +142,7 @@ export class PinboardEmbed extends V1Embed {
             true,
             false,
             false,
-        )}/viz/${pinboardId}`;
+        )}/viz/${liveboardId}`;
         if (vizId) {
             url = `${url}/${vizId}`;
         }
@@ -150,31 +164,30 @@ export class PinboardEmbed extends V1Embed {
         responder({ type: EmbedEvent.EmbedIframeCenter, data: obj });
     };
 
-    private handleRouteChangeFullHeightPinboard = (data: MessagePayload) => {
-        if (
-            data.data.canvasState !== 'EMBED' &&
-            data.data.canvasState !== 'pinboard'
-        ) {
+    private setIframeHeightForNonEmbedLiveboard = (data: MessagePayload) => {
+        if (!data.data.currentPath.startsWith('/embed/viz/')) {
             this.setIFrameHeight(this.defaultHeight);
         }
     };
 
     /**
-     * Render an embedded ThoughtSpot pinboard or visualization
-     * @param renderOptions An object specifying the pinboard ID,
+     * Render an embedded ThoughtSpot Liveboard or visualization
+     * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
      */
-    public render(): PinboardEmbed {
-        const { pinboardId, vizId, runtimeFilters } = this.viewConfig;
+    public render(): LiveboardEmbed {
+        const { vizId, runtimeFilters } = this.viewConfig;
+        const liveboardId =
+            this.viewConfig.liveboardId ?? this.viewConfig.pinboardId;
 
-        if (!pinboardId && !vizId) {
-            this.handleError(ERROR_MESSAGE.PINBOARD_VIZ_ID_VALIDATION);
+        if (!liveboardId) {
+            this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
         }
 
         if (this.viewConfig.fullHeight === true) {
             this.on(
                 EmbedEvent.RouteChange,
-                this.handleRouteChangeFullHeightPinboard,
+                this.setIframeHeightForNonEmbedLiveboard,
             );
             this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
             this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
@@ -182,9 +195,14 @@ export class PinboardEmbed extends V1Embed {
 
         super.render();
 
-        const src = this.getIFrameSrc(pinboardId, vizId, runtimeFilters);
+        const src = this.getIFrameSrc(liveboardId, vizId, runtimeFilters);
         this.renderV1Embed(src);
 
         return this;
     }
 }
+
+/**
+ * @hidden
+ */
+export class PinboardEmbed extends LiveboardEmbed {}

package/src/embed/pinboard.spec.ts

@@ -1,4 +1,4 @@
-import { PinboardEmbed, PinboardViewConfig } from './pinboard';
+import { PinboardEmbed, LiveboardViewConfig } from './liveboard';
 import { init } from '../index';
 import { Action, AuthType, EmbedEvent, RuntimeFilterOp } from '../types';
 import {
@@ -37,7 +37,7 @@ describe('Pinboard/viz embed tests', () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -56,7 +56,7 @@ describe('Pinboard/viz embed tests', () => {
             disabledActionReason: 'Action denied',
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -74,7 +74,7 @@ describe('Pinboard/viz embed tests', () => {
             ],
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -92,7 +92,7 @@ describe('Pinboard/viz embed tests', () => {
             ],
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -106,7 +106,7 @@ describe('Pinboard/viz embed tests', () => {
             visibleActions: [],
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -120,7 +120,7 @@ describe('Pinboard/viz embed tests', () => {
             enableVizTransformations: true,
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -134,7 +134,7 @@ describe('Pinboard/viz embed tests', () => {
             enableVizTransformations: false,
             ...defaultViewConfig,
             pinboardId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -148,7 +148,7 @@ describe('Pinboard/viz embed tests', () => {
             ...defaultViewConfig,
             pinboardId,
             vizId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -169,7 +169,7 @@ describe('Pinboard/viz embed tests', () => {
                     values: [1000],
                 },
             ],
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
             expect(getIFrameSrc()).toBe(
@@ -184,7 +184,7 @@ describe('Pinboard/viz embed tests', () => {
             fullHeight: true,
             pinboardId,
             vizId,
-        } as PinboardViewConfig);
+        } as LiveboardViewConfig);
 
         const onSpy = jest.spyOn(pinboardEmbed, 'on');
         pinboardEmbed.render();