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

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

@@ -19,7 +19,6 @@ import {
     postMessageToParent,
     defaultParamsForPinboardEmbed,
     waitFor,
-    expectUrlMatchesWithParams,
 } from '../test/test-utils';
 import * as config from '../config';
 import * as tsEmbedInstance from './ts-embed';
@@ -64,7 +63,10 @@ const customisationsView = {
 };
 
 describe('Unit test case for ts embed', () => {
-    const mockMixPanelEvent = jest.spyOn(mixpanelInstance, 'uploadMixpanelEvent');
+    const mockMixPanelEvent = jest.spyOn(
+        mixpanelInstance,
+        'uploadMixpanelEvent',
+    );
     beforeEach(() => {
         document.body.innerHTML = getDocumentBody();
     });
@@ -95,7 +97,11 @@ describe('Unit test case for ts embed', () => {
             };
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
             });
             expect(mockPort.postMessage).toHaveBeenCalledWith({
                 type: EmbedEvent.APP_INIT,
@@ -118,7 +124,11 @@ describe('Unit test case for ts embed', () => {
             };
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
             });
             expect(mockPort.postMessage).toHaveBeenCalledWith({
                 type: EmbedEvent.APP_INIT,
@@ -149,7 +159,10 @@ describe('Unit test case for ts embed', () => {
 
             executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
             });
         });
 
@@ -169,8 +182,13 @@ describe('Unit test case for ts embed', () => {
             executeAfterWait(() => {
                 const iframe = getIFrameEl();
                 iframe.contentWindow.postMessage = jest.fn();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
-                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(0);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
+                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(
+                    0,
+                );
             });
         });
 
@@ -190,7 +208,10 @@ describe('Unit test case for ts embed', () => {
 
             executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
             }, 1000);
         });
 
@@ -214,8 +235,13 @@ describe('Unit test case for ts embed', () => {
             executeAfterWait(() => {
                 const iframe = getIFrameEl();
                 iframe.contentWindow.postMessage = jest.fn();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
-                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(0);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
+                expect(iframe.contentWindow.postMessage).toHaveBeenCalledTimes(
+                    0,
+                );
             }, 1000);
         });
     });
@@ -243,7 +269,11 @@ describe('Unit test case for ts embed', () => {
             };
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
             });
             await executeAfterWait(() => {
                 expect(mockPort.postMessage).toHaveBeenCalledWith({
@@ -279,7 +309,11 @@ describe('Unit test case for ts embed', () => {
             };
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload, mockPort);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                    mockPort,
+                );
             });
             await executeAfterWait(() => {
                 expect(baseInstance.notifyAuthFailure).toBeCalledWith(
@@ -315,7 +349,10 @@ describe('Unit test case for ts embed', () => {
             searchEmbed.render();
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
             });
             await executeAfterWait(() => {
                 expect(baseInstance.notifyAuthFailure).toBeCalledWith(
@@ -343,7 +380,10 @@ describe('Unit test case for ts embed', () => {
             searchEmbed.render();
             await executeAfterWait(() => {
                 const iframe = getIFrameEl();
-                postMessageToParent(iframe.contentWindow, mockEmbedEventPayload);
+                postMessageToParent(
+                    iframe.contentWindow,
+                    mockEmbedEventPayload,
+                );
             });
             await executeAfterWait(() => {
                 expect(baseInstance.notifyAuthFailure).toBeCalledWith(
@@ -376,7 +416,9 @@ describe('Unit test case for ts embed', () => {
                 },
             );
             const iFrame: any = document.createElement('div');
-            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(isLoggedIn);
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(
+                isLoggedIn,
+            );
             const tsEmbed = new SearchEmbed(getRootEl(), {});
             iFrame.contentWindow = null;
             tsEmbed.on(EmbedEvent.CustomAction, jest.fn());
@@ -391,13 +433,19 @@ describe('Unit test case for ts embed', () => {
 
         test('mixpanel should call with VISUAL_SDK_RENDER_COMPLETE', async () => {
             await setup(true);
-            expect(mockMixPanelEvent).toBeCalledWith(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
-            expect(mockMixPanelEvent).toBeCalledWith(MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE);
+            expect(mockMixPanelEvent).toBeCalledWith(
+                MIXPANEL_EVENT.VISUAL_SDK_RENDER_START,
+            );
+            expect(mockMixPanelEvent).toBeCalledWith(
+                MIXPANEL_EVENT.VISUAL_SDK_RENDER_COMPLETE,
+            );
         });
 
         test('Should remove prefetch iframe', async () => {
             await setup(true);
-            const prefetchIframe = document.querySelectorAll<HTMLIFrameElement>('.prefetchIframe');
+            const prefetchIframe = document.querySelectorAll<HTMLIFrameElement>(
+                '.prefetchIframe',
+            );
             expect(prefetchIframe.length).toBe(0);
         });
 
@@ -419,7 +467,9 @@ describe('Unit test case for ts embed', () => {
         });
 
         beforeEach(() => {
-            jest.spyOn(baseInstance, 'getAuthPromise').mockRejectedValueOnce(false);
+            jest.spyOn(baseInstance, 'getAuthPromise').mockRejectedValueOnce(
+                false,
+            );
             const tsEmbed = new SearchEmbed(getRootEl(), {});
             const iFrame: any = document.createElement('div');
             iFrame.contentWindow = null;
@@ -429,10 +479,15 @@ describe('Unit test case for ts embed', () => {
         });
 
         test('mixpanel should call with VISUAL_SDK_RENDER_FAILED', () => {
-            expect(mockMixPanelEvent).toBeCalledWith(MIXPANEL_EVENT.VISUAL_SDK_RENDER_START);
-            expect(mockMixPanelEvent).toBeCalledWith(MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED, {
-                error: 'false',
-            });
+            expect(mockMixPanelEvent).toBeCalledWith(
+                MIXPANEL_EVENT.VISUAL_SDK_RENDER_START,
+            );
+            expect(mockMixPanelEvent).toBeCalledWith(
+                MIXPANEL_EVENT.VISUAL_SDK_RENDER_FAILED,
+                {
+                    error: 'false',
+                },
+            );
         });
     });
 
@@ -461,11 +516,6 @@ describe('Unit test case for ts embed', () => {
             expect(pinboardEmbed['isError']).toBe(false);
         });
 
-        /**
-         *
-         * @param hiddenActions
-         * @param visibleActions
-         */
         async function testActionsForLiveboards(
             hiddenActions: Array<Action>,
             visibleActions: Array<Action>,
@@ -484,7 +534,10 @@ describe('Unit test case for ts embed', () => {
             );
         }
         test('should throw error when there are both visible and hidden action arrays', async () => {
-            await testActionsForLiveboards([Action.DownloadAsCsv], [Action.DownloadAsCsv]);
+            await testActionsForLiveboards(
+                [Action.DownloadAsCsv],
+                [Action.DownloadAsCsv],
+            );
         });
         test('should throw error when there are both visible and hidden actions arrays as empty', async () => {
             await testActionsForLiveboards([], []);
@@ -515,7 +568,9 @@ describe('Unit test case for ts embed', () => {
 
     describe('when thoughtSpotHost is empty', () => {
         beforeAll(() => {
-            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => '');
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => '',
+            );
             init({
                 thoughtSpotHost: '',
                 authType: AuthType.None,
@@ -536,7 +591,10 @@ describe('Unit test case for ts embed', () => {
     describe('V1Embed ', () => {
         test('when isRendered is true than isError will be true', () => {
             spyOn(console, 'error');
-            const viEmbedIns = new tsEmbedInstance.V1Embed(getRootEl(), defaultViewConfig);
+            const viEmbedIns = new tsEmbedInstance.V1Embed(
+                getRootEl(),
+                defaultViewConfig,
+            );
             expect(viEmbedIns['isError']).toBe(false);
             viEmbedIns.render();
             viEmbedIns.on(EmbedEvent.CustomAction, jest.fn()).render();
@@ -551,7 +609,9 @@ describe('Unit test case for ts embed', () => {
         const path = 'viz/e0836cad-4fdf-42d4-bd97-567a6b2a6058';
 
         beforeEach(() => {
-            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => 'http://tshost',
+            );
         });
 
         test('when app is PinboardEmbed after navigateToPage function call, new path should be set to iframe', async () => {
@@ -560,8 +620,7 @@ describe('Unit test case for ts embed', () => {
             });
             await pinboardEmbed.render();
             // pinboardEmbed.navigateToPage(path);
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&${defaultParamsForPinboardEmbed}&isLiveboardEmbed=true${defaultParamsPost}#/embed/${path}`,
             );
         });
@@ -574,9 +633,8 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             await appEmbed.render();
-            appEmbed.navigateToPage(path, false);
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            appEmbed.navigateToPage(path);
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}${defaultParamsPost}#/${path}`,
             );
         });
@@ -589,7 +647,7 @@ describe('Unit test case for ts embed', () => {
                     height: '100%',
                 },
             });
-            appEmbed.navigateToPage(path, false);
+            appEmbed.navigateToPage(path);
             await appEmbed.render();
             expect(console.log).toHaveBeenCalledWith(
                 'Please call render before invoking this method',
@@ -600,7 +658,9 @@ describe('Unit test case for ts embed', () => {
         const path = 'pinboard/e0836cad-4fdf-42d4-bd97-567a6b2a6058';
 
         beforeEach(() => {
-            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => 'http://tshost',
+            );
         });
 
         test('when app is AppEmbed after navigateToPage function call, new path should be set to iframe', async () => {
@@ -611,9 +671,8 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             await appEmbed.render();
-            appEmbed.navigateToPage(path, false);
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
+            appEmbed.navigateToPage(path);
+            expect(getIFrameSrc()).toBe(
                 `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}${defaultParamsPost}#/${path}`,
             );
         });
@@ -641,7 +700,9 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             tsEmbed.render();
-            waitFor(() => !!getIFrameEl()).then(() => {
+            waitFor(() => {
+                return !!getIFrameEl();
+            }).then(() => {
                 expect(getIFrameSrc()).toContain('?base64UrlEncodedFlags');
             });
         });
@@ -653,14 +714,18 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             appEmbed.render();
-            waitFor(() => !!getIFrameEl()).then(() => {
+            waitFor(() => {
+                return !!getIFrameEl();
+            }).then(() => {
                 expect(getIFrameSrc()).toContain('?base64UrlEncodedFlags');
             });
         });
     });
     describe('Iframe flags', () => {
         beforeEach(() => {
-            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => 'http://tshost',
+            );
         });
 
         test('Set Frame params to the iframe as attributes', async () => {
@@ -689,10 +754,9 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             await appEmbed.render();
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                    + `&foo=bar&baz=1&bool=true${defaultParamsPost}#/home`,
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}` +
+                    `&foo=bar&baz=1&bool=true${defaultParamsPost}#/home`,
             );
         });
 
@@ -705,10 +769,9 @@ describe('Unit test case for ts embed', () => {
                 showAlerts: true,
             });
             await appEmbed.render();
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                    + `&showAlerts=true${defaultParamsPost}#/home`,
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}` +
+                    `&showAlerts=true${defaultParamsPost}#/home`,
             );
         });
         it('Sets the locale param', async () => {
@@ -720,10 +783,9 @@ describe('Unit test case for ts embed', () => {
                 locale: 'ja-JP',
             });
             await appEmbed.render();
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                    + `&locale=ja-JP${defaultParamsPost}#/home`,
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}` +
+                    `&locale=ja-JP${defaultParamsPost}#/home`,
             );
         });
         it('Sets the iconSprite url', async () => {
@@ -737,10 +799,9 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             await appEmbed.render();
-            expectUrlMatchesWithParams(
-                getIFrameSrc(),
-                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}`
-                    + `&iconSprite=iconSprite.com${defaultParamsPost}#/home`,
+            expect(getIFrameSrc()).toBe(
+                `http://${thoughtSpotHost}/?embedApp=true&primaryNavHidden=true&profileAndHelpInNavBarHidden=false&${defaultParamsForPinboardEmbed}` +
+                    `&iconSprite=iconSprite.com${defaultParamsPost}#/home`,
             );
         });
         it('inserts as sibling of root node if configured', async () => {
@@ -781,7 +842,9 @@ describe('Unit test case for ts embed', () => {
                 },
             });
             appEmbed.render();
-            waitFor(() => !!getIFrameEl()).then(() => {
+            waitFor(() => {
+                return !!getIFrameEl();
+            }).then(() => {
                 expect(getIFrameSrc()).toContain('authType=EmbeddedSSO');
                 expect(getIFrameSrc()).toContain('forceSAMLAutoRedirect=true');
                 done();
@@ -818,7 +881,9 @@ describe('Unit test case for ts embed', () => {
         });
 
         it("Should remove the error message on destroy if it's present", async () => {
-            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(false);
+            jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(
+                false,
+            );
             const appEmbed = new AppEmbed(getRootEl(), {
                 frameParams: {
                     width: '100%',
@@ -827,7 +892,9 @@ describe('Unit test case for ts embed', () => {
                 insertAsSibling: true,
             });
             await appEmbed.render();
-            expect(getRootEl().nextElementSibling.innerHTML).toContain('Not logged in');
+            expect(getRootEl().nextElementSibling.innerHTML).toContain(
+                'Not logged in',
+            );
             appEmbed.destroy();
             expect(getRootEl().nextElementSibling.innerHTML).toBe('');
         });
@@ -845,7 +912,9 @@ describe('Unit test case for ts embed', () => {
         });
 
         beforeEach(() => {
-            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(() => 'http://tshost');
+            jest.spyOn(config, 'getThoughtSpotHost').mockImplementation(
+                () => 'http://tshost',
+            );
         });
 
         afterAll((): void => {
@@ -853,20 +922,29 @@ describe('Unit test case for ts embed', () => {
         });
 
         it('get url params for TS', () => {
-            const tsEmbed = new tsEmbedInstance.TsEmbed(getRootEl(), defaultViewConfig);
-            const urlHash = '#/analyze?ts-app=thoughtspot&ts-id=123&title=embed-sdk';
+            const tsEmbed = new tsEmbedInstance.TsEmbed(
+                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(getRootEl(), defaultViewConfig);
-            const urlHash = '#/analyze?ts-app=thoughtspot&ts-id=123&title=embed-sdk';
+            const tsEmbed = new tsEmbedInstance.TsEmbed(
+                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';
+            const postHashParams =
+                '?ts-type=subscribe&ts-app=thoughtspot&ts-id=123';
             expect(tsEmbed.getThoughtSpotPostUrlParams()).toBe(postHashParams);
         });
     });