@thoughtspot/visual-embed-sdk 1.20.0-prerender.2 → 1.20.1

package/src/embed/liveboard.ts

@@ -19,20 +19,17 @@ import {
     HostEvent,
     ViewConfig,
 } from '../types';
-import { getQueryParamString } from '../utils';
-import { getAuthPromise } from './base';
+import { getFilterQuery, getQueryParamString } from '../utils';
 import { V1Embed } from './ts-embed';
 
 /**
  * The configuration for the embedded Liveboard or visualization page view.
- *
  * @group Embed components
  */
 export interface LiveboardViewConfig extends ViewConfig {
     /**
      * If set to true, the embedded object container dynamically resizes
      * according to the height of the Liveboard.
-     *
      * @version SDK: 1.1.0 | ThoughtSpot: ts7.may.cl, 7.2.1
      */
     fullHeight?: boolean;
@@ -40,7 +37,6 @@ export interface LiveboardViewConfig extends ViewConfig {
      * 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.
-     *
      * @version SDK: 1.5.0 | ThoughtSpot: ts7.oct.cl, 7.2.1
      * @default 500
      */
@@ -52,13 +48,11 @@ export interface LiveboardViewConfig extends ViewConfig {
     /**
      * The Liveboard to display in the embedded view.
      * Use either of liveboardId or pinboardId to reference the Liveboard to embed.
-     *
      * @version SDK: 1.3.0 | ThoughtSpot ts7.aug.cl, 7.2.1
      */
     liveboardId?: string;
     /**
      * To support backward compatibility
-     *
      * @hidden
      */
     pinboardId?: string;
@@ -69,7 +63,6 @@ export interface LiveboardViewConfig extends ViewConfig {
     /**
      * If set to true, all filter chips from a
      * Liveboard page will be read-only (no X buttons)
-     *
      * @version SDK: 1.3.0 | ThoughtSpot ts7.aug.cl, 7.2.1
      */
     preventLiveboardFilterRemoval?: boolean;
@@ -77,25 +70,21 @@ export interface LiveboardViewConfig extends ViewConfig {
      * Array of viz ids which should be visible when the liveboard
      * first renders. This can be changed by triggering the "SetVisibleVizs"
      * event.
-     *
      * @version SDK: 1.9.1 | ThoughtSpot: 8.1.0.cl, 8.4.1-sw
      */
     visibleVizs?: string[];
     /**
      * To support backward compatibilty
-     *
      * @hidden
      */
     preventPinboardFilterRemoval?: boolean;
     /**
      * Render embedded Liveboards and visualizations in the new Liveboard experience mode
-     *
      * @version SDK: 1.14.0 | ThoughtSpot: 8.6.0.cl, 8.8.1-sw
      */
     liveboardV2?: boolean;
     /**
      * 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
      */
     activeTabId?: string;
@@ -103,7 +92,6 @@ export interface LiveboardViewConfig extends ViewConfig {
 
 /**
  * Embed a ThoughtSpot Liveboard or visualization
- *
  * @group Embed components
  */
 export class LiveboardEmbed extends V1Embed {
@@ -114,21 +102,14 @@ export class LiveboardEmbed extends V1Embed {
     // eslint-disable-next-line no-useless-constructor
     constructor(domSelector: DOMSelector, viewConfig: LiveboardViewConfig) {
         super(domSelector, viewConfig);
-        if (this.viewConfig.fullHeight === true) {
-            this.on(EmbedEvent.RouteChange, this.setIframeHeightForNonEmbedLiveboard);
-            this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
-            this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
-        }
     }
 
     /**
      * Construct a map of params to be passed on to the
      * embedded Liveboard or visualization.
      */
-    protected getEmbedParams() {
-        let params = {};
-        params[Param.EmbedApp] = true;
-        params = this.getBaseQueryParams(params);
+    private getEmbedParams() {
+        const params = this.getBaseQueryParams();
         const {
             enableVizTransformations,
             fullHeight,
@@ -139,8 +120,9 @@ export class LiveboardEmbed extends V1Embed {
             activeTabId,
         } = this.viewConfig;
 
-        const preventLiveboardFilterRemoval = this.viewConfig.preventLiveboardFilterRemoval
-            || this.viewConfig.preventPinboardFilterRemoval;
+        const preventLiveboardFilterRemoval =
+            this.viewConfig.preventLiveboardFilterRemoval ||
+            this.viewConfig.preventPinboardFilterRemoval;
 
         if (fullHeight === true) {
             params[Param.fullHeight] = true;
@@ -149,7 +131,9 @@ export class LiveboardEmbed extends V1Embed {
             this.defaultHeight = defaultHeight;
         }
         if (enableVizTransformations !== undefined) {
-            params[Param.EnableVizTransformations] = enableVizTransformations.toString();
+            params[
+                Param.EnableVizTransformations
+            ] = enableVizTransformations.toString();
         }
         if (preventLiveboardFilterRemoval) {
             params[Param.preventLiveboardFilterRemoval] = true;
@@ -169,41 +153,47 @@ export class LiveboardEmbed extends V1Embed {
         return queryParams;
     }
 
-    private getIframeSuffixSrc(liveboardId: string, vizId: string, activeTabId: string) {
-        let suffix = `/embed/viz/${liveboardId}`;
+    /**
+     * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
+     * to be loaded within the iframe.
+     * @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 Liveboard or visualization on load.
+     */
+    private getIFrameSrc(
+        liveboardId: string,
+        vizId?: string,
+        runtimeFilters?: RuntimeFilter[],
+        activeTabId?: string,
+    ) {
+        const filterQuery = getFilterQuery(runtimeFilters || []);
+        const queryParams = this.getEmbedParams();
+        const queryString = [filterQuery, queryParams]
+            .filter(Boolean)
+            .join('&');
+        let url = `${this.getV1EmbedBasePath(
+            queryString,
+            true,
+            false,
+            false,
+        )}/viz/${liveboardId}`;
         if (activeTabId) {
-            suffix = `${suffix}/tab/${activeTabId} `;
+            url = `${url}/tab/${activeTabId}`;
         }
         if (vizId) {
-            suffix = `${suffix}/${vizId}`;
+            url = `${url}/${vizId}`;
         }
-        const tsPostHashParams = this.getThoughtSpotPostUrlParams();
-        suffix = `${suffix}${tsPostHashParams}`;
-        return suffix;
-    }
 
-    /**
-     * Construct the URL of the embedded ThoughtSpot Liveboard or visualization
-     * to be loaded within the iframe.
-     */
-    private getIFrameSrc() {
-        const { vizId, activeTabId } = this.viewConfig;
-        const liveboardId = this.viewConfig.liveboardId ?? this.viewConfig.pinboardId;
+        const tsPostHashParams = this.getThoughtSpotPostUrlParams();
+        url = `${url}${tsPostHashParams}`;
 
-        if (!liveboardId) {
-            this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
-        }
-        return `${this.getRootIframeSrc()}${this.getIframeSuffixSrc(
-            liveboardId,
-            vizId,
-            activeTabId,
-        )}`;
+        return url;
     }
 
     /**
      * Set the iframe height as per the computed height received
      * from the ThoughtSpot app.
-     *
      * @param data The event payload
      */
     private updateIFrameHeight = (data: MessagePayload) => {
@@ -223,13 +213,12 @@ export class LiveboardEmbed extends V1Embed {
 
     /**
      * Triggers an event to the embedded app
-     *
      * @param messageType The event type
      * @param data The payload to send with the message
      */
     public trigger(messageType: HostEvent, data: any = {}): Promise<any> {
         const dataWithVizId = data;
-        if (typeof dataWithVizId === 'object' && this.viewConfig.vizId) {
+        if (this.viewConfig.vizId) {
             dataWithVizId.vizId = this.viewConfig.vizId;
         }
         return super.trigger(messageType, dataWithVizId);
@@ -237,33 +226,42 @@ export class LiveboardEmbed extends V1Embed {
 
     /**
      * Render an embedded ThoughtSpot Liveboard or visualization
-     *
      * @param renderOptions An object specifying the Liveboard ID,
      * visualization ID and the runtime filters.
      */
     public render(): LiveboardEmbed {
+        const { vizId, activeTabId, runtimeFilters } = this.viewConfig;
+        const liveboardId =
+            this.viewConfig.liveboardId ?? this.viewConfig.pinboardId;
+
+        if (!liveboardId) {
+            this.handleError(ERROR_MESSAGE.LIVEBOARD_VIZ_ID_VALIDATION);
+        }
+
+        if (this.viewConfig.fullHeight === true) {
+            this.on(
+                EmbedEvent.RouteChange,
+                this.setIframeHeightForNonEmbedLiveboard,
+            );
+            this.on(EmbedEvent.EmbedHeight, this.updateIFrameHeight);
+            this.on(EmbedEvent.EmbedIframeCenter, this.embedIframeCenter);
+        }
+
         super.render();
 
-        const src = this.getIFrameSrc();
+        const src = this.getIFrameSrc(
+            liveboardId,
+            vizId,
+            runtimeFilters,
+            activeTabId,
+        );
         this.renderV1Embed(src);
 
         return this;
     }
-
-    public navigateToLiveboard(liveboardId: string, vizId?: string, activeTabId?: string) {
-        const path = this.getIframeSuffixSrc(liveboardId, vizId, activeTabId);
-        this.viewConfig.liveboardId = liveboardId;
-        this.viewConfig.activeTabId = activeTabId;
-        this.viewConfig.vizId = vizId;
-        if (this.isAppInitialized) {
-            this.trigger(HostEvent.Navigate, path.substring(1));
-        } else {
-            this.render();
-        }
-    }
 }
 
 /**
  * @hidden
  */
-export class PinboardEmbed extends LiveboardEmbed { }
+export class PinboardEmbed extends LiveboardEmbed {}

package/src/embed/pinboard.spec.ts

@@ -1,8 +1,6 @@
 import { PinboardEmbed, LiveboardViewConfig } from './liveboard';
 import { init } from '../index';
-import {
-    Action, AuthType, EmbedEvent, RuntimeFilterOp,
-} from '../types';
+import { Action, AuthType, EmbedEvent, RuntimeFilterOp } from '../types';
 import {
     executeAfterWait,
     getDocumentBody,
@@ -10,7 +8,6 @@ import {
     getRootEl,
     defaultParams,
     defaultParamsWithoutHiddenActions,
-    expectUrlMatchesWithParams,
 } from '../test/test-utils';
 import { version } from '../../package.json';
 
@@ -44,8 +41,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -53,15 +49,18 @@ describe('Pinboard/viz embed tests', () => {
 
     test('should set disabled actions', async () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
-            disabledActions: [Action.DownloadAsCsv, Action.DownloadAsPdf, Action.DownloadAsXlsx],
+            disabledActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
             disabledActionReason: 'Action denied',
             ...defaultViewConfig,
             pinboardId,
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&${defaultParamsWithoutHiddenActions}&disableAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]&disableHint=Action%20denied&hideAction=[%22${Action.ReportError}%22]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -69,14 +68,17 @@ describe('Pinboard/viz embed tests', () => {
 
     test('should set hidden actions', async () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
-            hiddenActions: [Action.DownloadAsCsv, Action.DownloadAsPdf, Action.DownloadAsXlsx],
+            hiddenActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
             ...defaultViewConfig,
             pinboardId,
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&${defaultParamsWithoutHiddenActions}&hideAction=[%22${Action.ReportError}%22,%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -84,14 +86,17 @@ describe('Pinboard/viz embed tests', () => {
 
     test('should set visible actions', async () => {
         const pinboardEmbed = new PinboardEmbed(getRootEl(), {
-            visibleActions: [Action.DownloadAsCsv, Action.DownloadAsPdf, Action.DownloadAsXlsx],
+            visibleActions: [
+                Action.DownloadAsCsv,
+                Action.DownloadAsPdf,
+                Action.DownloadAsXlsx,
+            ],
             ...defaultViewConfig,
             pinboardId,
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&visibleAction=[%22${Action.DownloadAsCsv}%22,%22${Action.DownloadAsPdf}%22,%22${Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -105,8 +110,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&visibleAction=[]${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -120,8 +124,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&enableVizTransform=true${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -135,8 +138,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}&enableVizTransform=false${prefixParams}#/embed/viz/${pinboardId}`,
             );
         });
@@ -150,8 +152,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${pinboardId}/${vizId}`,
             );
         });
@@ -172,8 +173,7 @@ describe('Pinboard/viz embed tests', () => {
         } as LiveboardViewConfig);
         pinboardEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&col1=sales&op1=EQ&val1=1000${defaultParams}${prefixParamsVizEmbed}#/embed/viz/${pinboardId}/${vizId}`,
             );
         });
@@ -191,7 +191,10 @@ describe('Pinboard/viz embed tests', () => {
         pinboardEmbed.render();
 
         executeAfterWait(() => {
-            expect(onSpy).toHaveBeenCalledWith(EmbedEvent.EmbedHeight, expect.anything());
+            expect(onSpy).toHaveBeenCalledWith(
+                EmbedEvent.EmbedHeight,
+                expect.anything(),
+            );
         });
     });
 });

package/src/embed/search-bar.tsx

@@ -1,6 +1,4 @@
-import {
-    DOMSelector, Param, Action, ViewConfig,
-} from '../types';
+import { DOMSelector, Param, Action, ViewConfig } from '../types';
 import { getQueryParamString } from '../utils';
 import { TsEmbed } from './ts-embed';
 import { SearchOptions } from './search';
@@ -8,17 +6,16 @@ import { SearchOptions } from './search';
 /**
  * @group Embed components
  */
-export interface SearchBarViewConfig extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts'> {
+export interface SearchBarViewConfig
+    extends Omit<ViewConfig, 'runtimeFilters' | 'showAlerts'> {
     /**
      * The array of data source GUIDs to set on load.
      * Only a single dataSource supported currently.
-     *
      * @deprecated Use dataSource instead
      */
     dataSources?: string[];
     /**
      * The array of data source GUIDs to set on load.
-     *
      * @version: SDK: 1.19.0
      */
     dataSource?: string;
@@ -48,7 +45,6 @@ export class SearchBarEmbed extends TsEmbed {
     /**
      * Construct the URL of the embedded ThoughtSpot search to be
      * loaded in the iframe
-     *
      * @param dataSources A list of data source GUIDs
      */
     private getIFrameSrc() {
@@ -56,7 +52,9 @@ export class SearchBarEmbed extends TsEmbed {
         const path = 'search-bar-embed';
         const queryParams = this.getBaseQueryParams();
 
-        queryParams[Param.HideActions] = [...(queryParams[Param.HideActions] ?? [])];
+        queryParams[Param.HideActions] = [
+            ...(queryParams[Param.HideActions] ?? []),
+        ];
 
         if (dataSources && dataSources.length) {
             queryParams[Param.DataSources] = JSON.stringify(dataSources);
@@ -83,7 +81,7 @@ export class SearchBarEmbed extends TsEmbed {
         }
         const tsPostHashParams = this.getThoughtSpotPostUrlParams();
 
-        return `${this.getEmbedBasePath(query)}/embed/${path}${tsPostHashParams}`;
+        return `${this.getEmbedBasePath(query)}/${path}${tsPostHashParams}`;
     }
 
     /**
@@ -93,7 +91,7 @@ export class SearchBarEmbed extends TsEmbed {
         super.render();
 
         const src = this.getIFrameSrc();
-        this.renderIFrame(src);
+        this.renderIFrame(src, this.viewConfig.frameParams);
         return this;
     }
 }

package/src/embed/search.spec.ts

@@ -9,7 +9,6 @@ import {
     getRootEl,
     fixedEncodeURI,
     defaultParamsWithoutHiddenActions as defaultParams,
-    expectUrlMatchesWithParams,
 } from '../test/test-utils';
 import { version } from '../../package.json';
 
@@ -22,7 +21,10 @@ const defaultViewConfig = {
 const answerId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
 const thoughtSpotHost = 'tshost';
 const hideBydefault = `&hideAction=${fixedEncodeURI(
-    JSON.stringify([Action.ReportError, ...HiddenActionItemByDefaultForSearchEmbed]),
+    JSON.stringify([
+        Action.ReportError,
+        ...HiddenActionItemByDefaultForSearchEmbed,
+    ]),
 )}`;
 const defaultParamsWithHiddenActions = defaultParams + hideBydefault;
 const prefixParams = '&isSearchEmbed=true';
@@ -38,15 +40,16 @@ beforeAll(() => {
 describe('Search embed tests', () => {
     beforeEach(() => {
         document.body.innerHTML = getDocumentBody();
-        jest.spyOn(authInstance, 'getReleaseVersion').mockReturnValue('7.4.0.sw');
+        jest.spyOn(authInstance, 'getReleaseVersion').mockReturnValue(
+            '7.4.0.sw',
+        );
     });
 
     test('should render', async () => {
         const searchEmbed = new SearchEmbed(getRootEl(), {});
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -60,8 +63,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -79,8 +81,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -98,8 +99,7 @@ describe('Search embed tests', () => {
 
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -114,8 +114,7 @@ describe('Search embed tests', () => {
 
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&executeSearch=true&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -134,8 +133,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=collapse&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -154,8 +152,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=hide&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -181,8 +178,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=hide&useLastSelectedSources=false${prefixParams}&col1=city&op1=EQ&val1=berkeley#/embed/answer`,
             );
         });
@@ -201,8 +197,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=hide&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -222,8 +217,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParams}&disableAction=[%22download%22,%22edit%22]&disableHint=Permission%20denied${hideBydefault}&dataSources=[%22data-source-1%22]&searchTokenString=%5Bcommit%20date%5D%5Brevenue%5D&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -236,8 +230,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&enableSearchAssist=true&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/answer`,
             );
         });
@@ -263,8 +256,7 @@ describe('Search embed tests', () => {
             ]),
         );
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParams}&hideAction=${hideActionUrl}&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
@@ -288,8 +280,7 @@ describe('Search embed tests', () => {
             ]),
         );
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParams}&disableAction=[%22downloadAsXLSX%22]&disableHint=Access%20denied&hideAction=${hideActionUrl}&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });
@@ -302,8 +293,7 @@ describe('Search embed tests', () => {
         });
         searchEmbed.render();
         await executeAfterWait(() => {
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/v2/?${defaultParamsWithHiddenActions}&dataSourceMode=expand&useLastSelectedSources=false${prefixParams}#/embed/saved-answer/${answerId}`,
             );
         });