@thoughtspot/visual-embed-sdk 1.20.2 → 1.20.3

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

@@ -0,0 +1,771 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+/* eslint-disable dot-notation */
+const index_1 = require("../index");
+const types_1 = require("../types");
+const test_utils_1 = require("../test/test-utils");
+const config = tslib_1.__importStar(require("../config"));
+const tsEmbedInstance = tslib_1.__importStar(require("./ts-embed"));
+const mixpanelInstance = tslib_1.__importStar(require("../mixpanel-service"));
+const authInstance = tslib_1.__importStar(require("../auth"));
+const baseInstance = tslib_1.__importStar(require("./base"));
+const mixpanel_service_1 = require("../mixpanel-service");
+const defaultViewConfig = {
+    frameParams: {
+        width: 1280,
+        height: 720,
+    },
+};
+const pinboardId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
+const liveboardId = 'eca215d4-0d2c-4a55-90e3-d81ef6848ae0';
+const thoughtSpotHost = 'tshost';
+const defaultParamsPost = '';
+beforeAll(() => {
+    spyOn(window, 'alert');
+});
+const customisations = {
+    style: {
+        customCSS: {},
+        customCSSUrl: 'http://localhost:3000',
+    },
+    content: {},
+};
+const customisationsView = {
+    style: {
+        customCSS: {},
+        customCSSUrl: 'http://localhost:8000',
+    },
+    content: {
+        strings: {
+            DATA: 'data',
+        },
+    },
+};
+describe('Unit test case for ts embed', () => {
+    const mockMixPanelEvent = jest.spyOn(mixpanelInstance, 'uploadMixpanelEvent');
+    beforeEach(() => {
+        document.body.innerHTML = (0, test_utils_1.getDocumentBody)();
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    describe('Called Embed event status for start and end', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                authType: index_1.AuthType.None,
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
+            });
+        });
+        test('verify Customisations', async () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed.render();
+            const mockPort = {
+                postMessage: jest.fn(),
+            };
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+            });
+            expect(mockPort.postMessage).toHaveBeenCalledWith({
+                type: index_1.EmbedEvent.APP_INIT,
+                data: { customisations, authToken: '' },
+            });
+        });
+        test('verify Customisations from viewConfig', async () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                customizations: customisationsView,
+            });
+            searchEmbed.render();
+            const mockPort = {
+                postMessage: jest.fn(),
+            };
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+            });
+            expect(mockPort.postMessage).toHaveBeenCalledWith({
+                type: index_1.EmbedEvent.APP_INIT,
+                data: { customisations: customisationsView, authToken: '' },
+            });
+            expect((0, test_utils_1.getIFrameSrc)()).toContain(`customCssUrl=${customisationsView.style.customCSSUrl}`);
+        });
+        test('when Embed event status have start status', (done) => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.Save,
+                data: { answerId: '123' },
+                status: 'start',
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed
+                .on(index_1.EmbedEvent.Save, (payload) => {
+                expect(payload).toEqual(mockEmbedEventPayload);
+                done();
+            }, { start: true })
+                .render();
+            (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            });
+        });
+        test('should not called post message, when Embed event status have start and start option as false', () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.Save,
+                data: { answerId: '123' },
+                status: 'start',
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed
+                .on(index_1.EmbedEvent.Save, () => {
+                console.log('non callable');
+            })
+                .render();
+            (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                iframe.contentWindow.postMessage = jest.fn();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(0);
+            });
+        });
+        test('when Embed event status have end status', (done) => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.Save,
+                data: { answerId: '123' },
+                status: 'end',
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed
+                .on(index_1.EmbedEvent.Save, (payload) => {
+                expect(payload).toEqual(mockEmbedEventPayload);
+                done();
+            })
+                .render();
+            (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            }, 1000);
+        });
+        test('should not called post message, when Embed event status have end status and start is true', () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.Save,
+                data: { answerId: '123' },
+                status: 'end',
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed
+                .on(index_1.EmbedEvent.Save, () => {
+                console.log('non callable');
+            }, { start: true })
+                .render();
+            (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                iframe.contentWindow.postMessage = jest.fn();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(0);
+            }, 1000);
+        });
+        test('should remove event listener when called off method', async (done) => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.Save,
+                data: { answerId: '123' },
+                status: 'end',
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            const mockFn = jest.fn();
+            searchEmbed.on(index_1.EmbedEvent.Save, mockFn).render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            });
+            searchEmbed.off(index_1.EmbedEvent.Save, mockFn);
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            });
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(mockFn).toHaveBeenCalledTimes(1);
+                done();
+            }, 100);
+        });
+    });
+    describe('Appinit embedEvent in cookieless authentication authType', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
+                authType: index_1.AuthType.TrustedAuthTokenCookieless,
+                getAuthToken: () => Promise.resolve('test_auth_token1'),
+            });
+        });
+        test('check for authToken based on getAuthToken function', async () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.APP_INIT,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            searchEmbed.render();
+            const mockPort = {
+                postMessage: jest.fn(),
+            };
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+            });
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(mockPort.postMessage).toHaveBeenCalledWith({
+                    type: index_1.EmbedEvent.APP_INIT,
+                    data: { customisations, authToken: 'test_auth_token1' },
+                });
+            });
+        });
+    });
+    describe('AuthExpire embedEvent in cookieless authentication authType', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
+                authType: index_1.AuthType.TrustedAuthTokenCookieless,
+                getAuthToken: () => Promise.resolve('test_auth_token2'),
+            });
+        });
+        test('check for new authToken based on getAuthToken function', async () => {
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.AuthExpire,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            jest.spyOn(baseInstance, 'notifyAuthFailure');
+            jest.spyOn(baseInstance, 'handleAuth');
+            searchEmbed.render();
+            const mockPort = {
+                postMessage: jest.fn(),
+            };
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+            });
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(baseInstance.notifyAuthFailure).toBeCalledWith(authInstance.AuthFailureType.EXPIRY);
+                expect(baseInstance.handleAuth).not.toHaveBeenCalled();
+                expect(mockPort.postMessage).toHaveBeenCalledWith({
+                    type: index_1.EmbedEvent.AuthExpire,
+                    data: { authToken: 'test_auth_token2' },
+                });
+            });
+        });
+    });
+    xdescribe('AuthExpire embedEvent in TrustedAuthToken authType', () => {
+        test('AutoLogin true scenario', async () => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
+                authType: index_1.AuthType.TrustedAuthToken,
+                username: 'tsadmin',
+                getAuthToken: () => Promise.resolve('test_auth_token3'),
+                autoLogin: true,
+            });
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.AuthExpire,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            jest.spyOn(baseInstance, 'notifyAuthFailure');
+            jest.spyOn(baseInstance, 'handleAuth');
+            searchEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            });
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(baseInstance.notifyAuthFailure).toBeCalledWith(authInstance.AuthFailureType.EXPIRY);
+                expect(baseInstance.handleAuth).toHaveBeenCalled();
+            });
+        });
+        test('AutoLogin false scenario', async () => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                customizations: customisations,
+                customCssUrl: 'http://localhost:5000',
+                authType: index_1.AuthType.TrustedAuthToken,
+                username: 'tsadmin',
+                getAuthToken: () => Promise.resolve('test_auth_token4'),
+            });
+            const mockEmbedEventPayload = {
+                type: index_1.EmbedEvent.AuthExpire,
+                data: {},
+            };
+            const searchEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            jest.spyOn(baseInstance, 'notifyAuthFailure');
+            jest.spyOn(baseInstance, 'handleAuth');
+            searchEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframe = (0, test_utils_1.getIFrameEl)();
+                (0, test_utils_1.postMessageToParent)(iframe.contentWindow, mockEmbedEventPayload);
+            });
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(baseInstance.notifyAuthFailure).toBeCalledWith(authInstance.AuthFailureType.EXPIRY);
+                expect(baseInstance.handleAuth).not.toHaveBeenCalled();
+            });
+        });
+    });
+    describe('when thoughtSpotHost have value and authPromise return response true/false', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost,
+                authType: index_1.AuthType.None,
+                loginFailedMessage: 'Failed to Login',
+            });
+        });
+        const setup = async (isLoggedIn = false) => {
+            jest.spyOn(window, 'addEventListener').mockImplementationOnce((event, handler, options) => {
+                handler({
+                    data: {
+                        type: 'xyz',
+                    },
+                    ports: [3000],
+                    source: null,
+                });
+            });
+            const iFrame = document.createElement('div');
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(isLoggedIn);
+            const tsEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), {});
+            iFrame.contentWindow = null;
+            tsEmbed.on(index_1.EmbedEvent.CustomAction, jest.fn());
+            jest.spyOn(iFrame, 'addEventListener').mockImplementationOnce((event, handler, options) => {
+                handler({});
+            });
+            jest.spyOn(document, 'createElement').mockReturnValueOnce(iFrame);
+            await tsEmbed.render();
+        };
+        test('mixpanel should call with VISUAL_SDK_RENDER_COMPLETE', async () => {
+            await setup(true);
+            expect(mockMixPanelEvent).toBeCalledWith(mixpanel_service_1.MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
+            expect(mockMixPanelEvent).toBeCalledWith(mixpanel_service_1.MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
+        });
+        test('Should remove prefetch iframe', async () => {
+            await setup(true);
+            const prefetchIframe = document.querySelectorAll('.prefetchIframe');
+            expect(prefetchIframe.length).toBe(0);
+        });
+        test('Should render failure when login fails', async (done) => {
+            setup(false);
+            (0, test_utils_1.executeAfterWait)(() => {
+                expect((0, test_utils_1.getRootEl)().innerHTML).toContain('Failed to Login');
+                done();
+            });
+        });
+    });
+    describe('when thoughtSpotHost have value and authPromise return error', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                authType: index_1.AuthType.None,
+            });
+        });
+        beforeEach(() => {
+            jest.spyOn(baseInstance, 'getAuthPromise').mockRejectedValueOnce(false);
+            const tsEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), {});
+            const iFrame = document.createElement('div');
+            iFrame.contentWindow = null;
+            jest.spyOn(document, 'createElement').mockReturnValueOnce(iFrame);
+            spyOn(console, 'error');
+            tsEmbed.render();
+        });
+        test('mixpanel should call with VISUAL_SDK_RENDER_FAILED', () => {
+            expect(mockMixPanelEvent).toBeCalledWith(mixpanel_service_1.MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
+            expect(mockMixPanelEvent).toBeCalledWith(mixpanel_service_1.MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
+                error: 'false',
+            });
+        });
+    });
+    describe('when visible actions are set', () => {
+        test('should throw error when there are both visible and hidden actions - pinboard', async () => {
+            spyOn(console, 'error');
+            const pinboardEmbed = new index_1.PinboardEmbed((0, test_utils_1.getRootEl)(), {
+                hiddenActions: [types_1.Action.DownloadAsCsv],
+                visibleActions: [types_1.Action.DownloadAsCsv],
+                ...defaultViewConfig,
+                pinboardId,
+            });
+            await pinboardEmbed.render();
+            expect(pinboardEmbed['isError']).toBe(true);
+            expect(console.error).toHaveBeenCalledWith('You cannot have both hidden actions and visible actions');
+        });
+        test('should not throw error when there are only visible or hidden actions - pinboard', async () => {
+            const pinboardEmbed = new index_1.PinboardEmbed((0, test_utils_1.getRootEl)(), {
+                hiddenActions: [types_1.Action.DownloadAsCsv],
+                ...defaultViewConfig,
+                pinboardId,
+            });
+            pinboardEmbed.render();
+            expect(pinboardEmbed['isError']).toBe(false);
+        });
+        /**
+         *
+         * @param hiddenActions
+         * @param visibleActions
+         */
+        async function testActionsForLiveboards(hiddenActions, visibleActions) {
+            spyOn(console, 'error');
+            const liveboardEmbed = new index_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                hiddenActions,
+                visibleActions,
+                ...defaultViewConfig,
+                liveboardId,
+            });
+            await liveboardEmbed.render();
+            expect(liveboardEmbed['isError']).toBe(true);
+            expect(console.error).toHaveBeenCalledWith('You cannot have both hidden actions and visible actions');
+        }
+        test('should throw error when there are both visible and hidden action arrays', async () => {
+            await testActionsForLiveboards([types_1.Action.DownloadAsCsv], [types_1.Action.DownloadAsCsv]);
+        });
+        test('should throw error when there are both visible and hidden actions arrays as empty', async () => {
+            await testActionsForLiveboards([], []);
+        });
+        test('should throw error when there are both visible and hidden actions - one of them is an empty array', async () => {
+            await testActionsForLiveboards([], [types_1.Action.DownloadAsCsv]);
+        });
+        test('should not throw error when there are only visible or hidden actions', async () => {
+            const liveboardEmbed = new index_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                hiddenActions: [types_1.Action.DownloadAsCsv],
+                ...defaultViewConfig,
+                liveboardId,
+            });
+            liveboardEmbed.render();
+            expect(liveboardEmbed['isError']).toBe(false);
+        });
+        test('should not throw error when there are only visible or hidden actions', async () => {
+            const liveboardEmbed = new index_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                visibleActions: [types_1.Action.DownloadAsCsv],
+                ...defaultViewConfig,
+                liveboardId,
+            });
+            liveboardEmbed.render();
+            expect(liveboardEmbed['isError']).toBe(false);
+        });
+    });
+    describe('when thoughtSpotHost is empty', () => {
+        beforeAll(() => {
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => '');
+            (0, index_1.init)({
+                thoughtSpotHost: '',
+                authType: index_1.AuthType.None,
+            });
+        });
+        test('Error should be true', async () => {
+            spyOn(console, 'error');
+            const tsEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), {});
+            tsEmbed.render();
+            expect(tsEmbed['isError']).toBe(true);
+            expect(console.error).toHaveBeenCalledWith('You need to init the ThoughtSpot SDK module first');
+        });
+    });
+    describe('V1Embed ', () => {
+        test('when isRendered is true than isError will be true', () => {
+            spyOn(console, 'error');
+            const viEmbedIns = new tsEmbedInstance.V1Embed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            expect(viEmbedIns['isError']).toBe(false);
+            viEmbedIns.render();
+            viEmbedIns.on(index_1.EmbedEvent.CustomAction, jest.fn()).render();
+            expect(viEmbedIns['isError']).toBe(true);
+            expect(console.error).toHaveBeenCalledWith('Please register event handlers before calling render');
+        });
+    });
+    describe('Navigate to Page API', () => {
+        const path = 'viz/e0836cad-4fdf-42d4-bd97-567a6b2a6058';
+        beforeEach(() => {
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+        });
+        test('when app is PinboardEmbed after navigateToPage function call, new path should be set to iframe', async () => {
+            const pinboardEmbed = new index_1.PinboardEmbed((0, test_utils_1.getRootEl)(), {
+                pinboardId: 'e0836cad-4fdf-42d4-bd97-567a6b2a6058',
+            });
+            await pinboardEmbed.render();
+            // pinboardEmbed.navigateToPage(path);
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&${test_utils_1.defaultParamsForPinboardEmbed}&isLiveboardEmbed=true${defaultParamsPost}#/embed/${path}`);
+        });
+        test('when app is AppEmbed after navigateToPage function call, new path should be set to iframe', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            await appEmbed.render();
+            appEmbed.navigateToPage(path, false);
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}${defaultParamsPost}#/${path}`);
+        });
+        test('navigateToPage function use before render', async () => {
+            spyOn(console, 'log');
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            appEmbed.navigateToPage(path, false);
+            await appEmbed.render();
+            expect(console.log).toHaveBeenCalledWith('Please call render before invoking this method');
+        });
+    });
+    describe('Navigate to Page API - Pinboard', () => {
+        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 index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            await appEmbed.render();
+            appEmbed.navigateToPage(path, false);
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}${defaultParamsPost}#/${path}`);
+        });
+    });
+    describe('get Encoded query param string', () => {
+        beforeAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                authType: index_1.AuthType.None,
+                shouldEncodeUrlQueryParams: true,
+            });
+        });
+        afterAll(() => {
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                authType: index_1.AuthType.None,
+                shouldEncodeUrlQueryParams: false,
+            });
+        });
+        it('should return the correct encoded query params string', async () => {
+            const tsEmbed = new index_1.SearchEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            tsEmbed.render();
+            (0, test_utils_1.waitFor)(() => !!(0, test_utils_1.getIFrameEl)()).then(() => {
+                expect((0, test_utils_1.getIFrameSrc)()).toContain('?base64UrlEncodedFlags');
+            });
+        });
+        it('should return the correct encoded query params string when app is embeded', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            appEmbed.render();
+            (0, test_utils_1.waitFor)(() => !!(0, test_utils_1.getIFrameEl)()).then(() => {
+                expect((0, test_utils_1.getIFrameSrc)()).toContain('?base64UrlEncodedFlags');
+            });
+        });
+    });
+    describe('Iframe flags', () => {
+        beforeEach(() => {
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+        });
+        test('Set Frame params to the iframe as attributes', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                    allowtransparency: true,
+                },
+            });
+            await appEmbed.render();
+            const iframe = (0, test_utils_1.getIFrameEl)();
+            expect(iframe.getAttribute('allowtransparency')).toBe('true');
+        });
+        it('should set the additional flags correctly on the iframe src', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                additionalFlags: {
+                    foo: 'bar',
+                    baz: 1,
+                    bool: true,
+                },
+            });
+            await appEmbed.render();
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}`
+                + `&foo=bar&baz=1&bool=true${defaultParamsPost}#/home`);
+        });
+        it('Sets the showAlerts param', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                showAlerts: true,
+            });
+            await appEmbed.render();
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}`
+                + `&showAlerts=true${defaultParamsPost}#/home`);
+        });
+        it('Sets the locale param', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                locale: 'ja-JP',
+            });
+            await appEmbed.render();
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}`
+                + `&locale=ja-JP${defaultParamsPost}#/home`);
+        });
+        it('Sets the iconSprite url', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                customizations: {
+                    iconSpriteUrl: 'https://iconSprite.com',
+                },
+            });
+            await appEmbed.render();
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${test_utils_1.defaultParamsForPinboardEmbed}`
+                + `&iconSprite=iconSprite.com${defaultParamsPost}#/home`);
+        });
+        it('inserts as sibling of root node if configured', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                insertAsSibling: true,
+            });
+            await appEmbed.render();
+            expect((0, test_utils_1.getRootEl)().nextSibling).toBe((0, test_utils_1.getIFrameEl)());
+        });
+        it('Should remove existing embed when rerendering', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                insertAsSibling: true,
+            });
+            await appEmbed.render();
+            expect((0, test_utils_1.getRootEl)().nextSibling).toBe((0, test_utils_1.getIFrameEl)());
+            await appEmbed.render();
+            expect((0, test_utils_1.getRootEl)().nextSibling.nextSibling).not.toBe((0, test_utils_1.getIFrameEl)());
+        });
+        xit('Sets the forceSAMLAutoRedirect param', async (done) => {
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValue(true);
+            (0, index_1.init)({
+                thoughtSpotHost: 'tshost',
+                authType: index_1.AuthType.EmbeddedSSO,
+            });
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            appEmbed.render();
+            (0, test_utils_1.waitFor)(() => !!(0, test_utils_1.getIFrameEl)()).then(() => {
+                expect((0, test_utils_1.getIFrameSrc)()).toContain('authType=EmbeddedSSO');
+                expect((0, test_utils_1.getIFrameSrc)()).toContain('forceSAMLAutoRedirect=true');
+                done();
+            });
+        });
+    });
+    describe('When destroyed', () => {
+        it('should remove the iframe', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+            });
+            await appEmbed.render();
+            expect((0, test_utils_1.getIFrameEl)()).toBeTruthy();
+            appEmbed.destroy();
+            expect((0, test_utils_1.getIFrameEl)()).toBeFalsy();
+        });
+        it('should remove the iframe when insertAsSibling is true', async () => {
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                insertAsSibling: true,
+            });
+            await appEmbed.render();
+            expect((0, test_utils_1.getIFrameEl)()).toBeTruthy();
+            appEmbed.destroy();
+            expect((0, test_utils_1.getIFrameEl)()).toBeFalsy();
+        });
+        it("Should remove the error message on destroy if it's present", async () => {
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(false);
+            const appEmbed = new index_1.AppEmbed((0, test_utils_1.getRootEl)(), {
+                frameParams: {
+                    width: '100%',
+                    height: '100%',
+                },
+                insertAsSibling: true,
+            });
+            await appEmbed.render();
+            expect((0, test_utils_1.getRootEl)().nextElementSibling.innerHTML).toContain('Not logged in');
+            appEmbed.destroy();
+            expect((0, test_utils_1.getRootEl)().nextElementSibling.innerHTML).toBe('');
+        });
+    });
+    describe('validate getThoughtSpotPostUrlParams', () => {
+        const { location } = window;
+        beforeAll(() => {
+            delete window.location;
+            window.location = {
+                hash: '',
+                search: '',
+            };
+        });
+        beforeEach(() => {
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+        });
+        afterAll(() => {
+            window.location = location;
+        });
+        it('get url params for TS', () => {
+            const tsEmbed = new tsEmbedInstance.TsEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            const urlHash = '#/analyze?ts-app=thoughtspot&ts-id=123&title=embed-sdk';
+            window.location.hash = urlHash;
+            const postHashParams = '?ts-app=thoughtspot&ts-id=123';
+            expect(tsEmbed.getThoughtSpotPostUrlParams()).toBe(postHashParams);
+        });
+        it('validate query params and postHash params for TS', () => {
+            const tsEmbed = new tsEmbedInstance.TsEmbed((0, test_utils_1.getRootEl)(), defaultViewConfig);
+            const urlHash = '#/analyze?ts-app=thoughtspot&ts-id=123&title=embed-sdk';
+            window.location.hash = urlHash;
+            const urlSearch = '?ts-type=subscribe&search-title=abc';
+            window.location.search = urlSearch;
+            const postHashParams = '?ts-type=subscribe&ts-app=thoughtspot&ts-id=123';
+            expect(tsEmbed.getThoughtSpotPostUrlParams()).toBe(postHashParams);
+        });
+    });
+});
+//# sourceMappingURL=ts-embed.spec.js.map