@thoughtspot/visual-embed-sdk 1.50.1 → 1.51.0-test

package/cjs/src/embed/liveboard.spec.js

@@ -10,6 +10,8 @@ const processTriggerInstance = tslib_1.__importStar(require("../utils/processTri
 const auth = tslib_1.__importStar(require("../auth"));
 const previewService = tslib_1.__importStar(require("../utils/graphql/preview-service"));
 const SessionInfoService = tslib_1.__importStar(require("../utils/sessionInfoService"));
+const logger_1 = require("../utils/logger");
+const config_1 = require("../config");
 const defaultViewConfig = {
     frameParams: {
         width: 1280,
@@ -109,6 +111,22 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true&${test_utils_1.defaultParamsWithoutHiddenActions}&hideAction=[%22${types_1.Action.ReportError}%22,%22${types_1.Action.DownloadAsCsv}%22,%22${types_1.Action.DownloadAsPdf}%22,%22${types_1.Action.DownloadAsXlsx}%22]${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
+    test('should hide and disable the Spotter button on the Liveboard header', async () => {
+        expect(types_1.Action.SpotterOnLiveboard).toBe('spotterOnLiveboard');
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            hiddenActions: [types_1.Action.SpotterOnLiveboard],
+            disabledActions: [types_1.Action.SpotterOnLiveboard],
+            ...defaultViewConfig,
+            liveboardId,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlToHaveParamsWithValues)((0, test_utils_1.getIFrameSrc)(), {
+                hideAction: JSON.stringify([types_1.Action.ReportError, types_1.Action.SpotterOnLiveboard]),
+                disableAction: JSON.stringify([types_1.Action.SpotterOnLiveboard]),
+            });
+        });
+    });
     test('should set visible actions', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             visibleActions: [types_1.Action.DownloadAsCsv, types_1.Action.DownloadAsPdf, types_1.Action.DownloadAsXlsx],
@@ -144,6 +162,17 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&enable2ColumnLayout=true${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
+    test('should set isLiveboardAlwaysOn12ColLayout to true in url', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            isLiveboardAlwaysOn12ColLayout: true,
+            ...defaultViewConfig,
+            liveboardId,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isLiveboardAlwaysOn12ColLayout=true${prefixParams}#/embed/viz/${liveboardId}`);
+        });
+    });
     test('should set isLiveboardStylingAndGroupingEnabled to true in url (deprecated, use isLiveboardMasterpiecesEnabled)', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             isLiveboardStylingAndGroupingEnabled: true,
@@ -155,6 +184,28 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isLiveboardStylingAndGroupingEnabled=true${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
+    test('should set liveboardGutter in url', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            liveboardGutter: 8,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&liveboardGutter=8${prefixParams}#/embed/viz/${liveboardId}`);
+        });
+    });
+    test('should set liveboardGutter to 0 in url', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            liveboardGutter: 0,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&liveboardGutter=0${prefixParams}#/embed/viz/${liveboardId}`);
+        });
+    });
     test('should set isThisPeriodInDateFiltersEnabled to true in url', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
@@ -199,14 +250,14 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isWYSIWYGLiveboardPDFEnabled=true${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
-    test('should disable isWYSIWYGLiveboardPDFEnabled by default in url', async () => {
+    test('should not set isWYSIWYGLiveboardPDFEnabled in url by default', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
             liveboardId,
         });
         liveboardEmbed.render();
         await (0, test_utils_1.executeAfterWait)(() => {
-            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isWYSIWYGLiveboardPDFEnabled=false${prefixParams}#/embed/viz/${liveboardId}`);
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
     test('should set isLiveboardXLSXCSVDownloadEnabled to true in url', async () => {
@@ -548,6 +599,38 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isCentralizedLiveboardFilterUXEnabled=false${prefixParams}#/embed/viz/${liveboardId}`);
         });
     });
+    test('should add isScopedLiveboardFilteringEnabled flag and set value to true to the iframe src', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            isScopedLiveboardFilteringEnabled: true,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isScopedLiveboardFilteringEnabled=true${prefixParams}#/embed/viz/${liveboardId}`);
+        });
+    });
+    test('should add isScopedLiveboardFilteringEnabled flag and set value to false to the iframe src', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            isScopedLiveboardFilteringEnabled: false,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}&isScopedLiveboardFilteringEnabled=false${prefixParams}#/embed/viz/${liveboardId}`);
+        });
+    });
+    test('should not add isScopedLiveboardFilteringEnabled flag to the iframe src when undefined', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+        });
+        liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            expect((0, test_utils_1.getIFrameSrc)()).not.toContain('isScopedLiveboardFilteringEnabled');
+        });
+    });
     test('should not append runtime filters in URL if excludeRuntimeFiltersfromURL is true', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
@@ -940,6 +1023,37 @@ describe('Liveboard/viz embed tests', () => {
             expect(onSpy).toHaveBeenCalledWith(types_1.HostEvent.Navigate, 'embed/viz/lb1/viz1');
         }, 1002);
     });
+    test('navigateToLiveboard should call preRender when preRenderConfig.preRenderId is set', () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            preRenderConfig: {
+                preRenderId: 'config-pre-render-id',
+            },
+        });
+        const preRenderSpy = jest
+            .spyOn(liveboardEmbed, 'preRender')
+            .mockResolvedValue(liveboardEmbed);
+        liveboardEmbed.navigateToLiveboard('lb1');
+        expect(preRenderSpy).toHaveBeenCalledTimes(1);
+        expect(preRenderSpy).toHaveBeenCalledWith(true);
+    });
+    test('navigateToLiveboard should prefer preRenderConfig.preRenderId over top-level preRenderId', () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            preRenderId: 'top-level-id',
+            preRenderConfig: {
+                preRenderId: 'config-level-id',
+            },
+        });
+        const preRenderSpy = jest
+            .spyOn(liveboardEmbed, 'preRender')
+            .mockResolvedValue(liveboardEmbed);
+        liveboardEmbed.navigateToLiveboard('lb1');
+        expect(preRenderSpy).toHaveBeenCalledTimes(1);
+        expect(preRenderSpy).toHaveBeenCalledWith(true);
+    });
     test('should set runtime parametere values in url params', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
@@ -990,6 +1104,43 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&enableStarterPrompts=true#/embed/viz/${liveboardId}`);
         });
     });
+    test('should set openSpotterOnLiveboardByDefault parameter in url params', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: { openSpotterOnLiveboardByDefault: true },
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlToHaveParamsWithValues)((0, test_utils_1.getIFrameSrc)(), {
+                openSpotterOnLiveboardByDefault: 'true',
+            });
+        });
+    });
+    test('should set openSpotterOnLiveboardByDefault to false when explicitly disabled', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: { openSpotterOnLiveboardByDefault: false },
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlToHaveParamsWithValues)((0, test_utils_1.getIFrameSrc)(), {
+                openSpotterOnLiveboardByDefault: 'false',
+            });
+        });
+    });
+    test('should not set openSpotterOnLiveboardByDefault when it is not configured', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: { enableStarterPrompts: true },
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            expect((0, test_utils_1.getIFrameSrc)()).not.toContain('openSpotterOnLiveboardByDefault');
+        });
+    });
     test('should set spotterFileUploadFileTypes parameter in url params', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
@@ -1025,6 +1176,28 @@ describe('Liveboard/viz embed tests', () => {
             (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&updatedSpotterChatPrompt=false#/embed/viz/${liveboardId}`);
         });
     });
+    test('should render the liveboard embed with showSpotterRadiance', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            showSpotterRadiance: true,
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&showSpotterRadiance=true#/embed/viz/${liveboardId}`);
+        });
+    });
+    test('should render the liveboard embed with showSpotterRadiance disabled', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            showSpotterRadiance: false,
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&showSpotterRadiance=false#/embed/viz/${liveboardId}`);
+        });
+    });
     test('should set hideToolResponseCardBranding parameter in url params via spotterChatConfig', async () => {
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
             ...defaultViewConfig,
@@ -1085,6 +1258,34 @@ describe('Liveboard/viz embed tests', () => {
             });
         });
     });
+    test('should include starterPrompts in APP_INIT embedParams', async () => {
+        const starterPrompts = {
+            enable: true,
+            quick: {
+                label: 'Quick',
+                questions: [
+                    { label: 'Q1', prompt: 'P1' },
+                    { label: 'Q2', prompt: 'P2' },
+                ],
+            },
+            research: { label: 'Research' },
+        };
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            spotterChatConfig: { starterPrompts },
+        });
+        (0, test_utils_1.mockMessageChannel)();
+        await liveboardEmbed.render();
+        const mockPort = { postMessage: jest.fn() };
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.postMessageToParent)((0, test_utils_1.getIFrameEl)().contentWindow, { type: types_1.EmbedEvent.APP_INIT, data: {} }, mockPort);
+        });
+        await (0, test_utils_1.executeAfterWait)(() => {
+            expect(mockPort.postMessage.mock.calls[0][0].data.embedParams.starterPrompts)
+                .toEqual(starterPrompts);
+        });
+    });
     test('should pass brandHeadline through spotterVizConfig in APP_INIT', async () => {
         const spotterViz = { brandName: 'MyBrand', brandHeadline: "Hi, there! I'm" };
         const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
@@ -1407,6 +1608,188 @@ describe('Liveboard/viz embed tests', () => {
                 expect(iframeSrc).toContain('isFullHeightPinboard=true');
             }, 100);
         });
+        test('should default lazy loading flags to true when fullHeight is enabled', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+            });
+            expect(liveboardEmbed.viewConfig.lazyLoadingForFullHeight).toBe(true);
+            expect(liveboardEmbed.viewConfig.enableScrollableContainerLazyLoading).toBe(true);
+            expect(liveboardEmbed.viewConfig.lazyLoadingMargin).toBe('500px 0px');
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframeSrc = (0, test_utils_1.getIFrameSrc)();
+                expect(iframeSrc).toContain('isLazyLoadingForEmbedEnabled=true');
+                expect(iframeSrc).toContain('isFullHeightPinboard=true');
+                expect(iframeSrc).toContain('rootMarginForLazyLoad=500px%200px');
+            }, 100);
+        });
+        test('should not default lazy loading flags when fullHeight is not enabled', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+            });
+            expect(liveboardEmbed.viewConfig.lazyLoadingForFullHeight).toBeUndefined();
+            expect(liveboardEmbed.viewConfig.enableScrollableContainerLazyLoading).toBeUndefined();
+            expect(liveboardEmbed.viewConfig.lazyLoadingMargin).toBeUndefined();
+        });
+        test('should not write the defaults back onto the caller view config', async () => {
+            const callerViewConfig = {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+            };
+            new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), callerViewConfig);
+            expect(callerViewConfig.lazyLoadingForFullHeight).toBeUndefined();
+            expect(callerViewConfig.enableScrollableContainerLazyLoading).toBeUndefined();
+            expect(callerViewConfig.lazyLoadingMargin).toBeUndefined();
+        });
+        test('should not default lazy loading flags when fullHeight is explicitly false', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: false,
+            });
+            expect(liveboardEmbed.viewConfig.lazyLoadingForFullHeight).toBeUndefined();
+            expect(liveboardEmbed.viewConfig.enableScrollableContainerLazyLoading).toBeUndefined();
+            expect(liveboardEmbed.viewConfig.lazyLoadingMargin).toBeUndefined();
+        });
+        test('should default lazyLoadingMargin when lazyLoadingForFullHeight is set explicitly', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+                lazyLoadingForFullHeight: true,
+            });
+            expect(liveboardEmbed.viewConfig.lazyLoadingMargin).toBe(config_1.DEFAULT_LAZY_LOADING_MARGIN);
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect((0, test_utils_1.getIFrameSrc)()).toContain('rootMarginForLazyLoad=500px%200px');
+            }, 100);
+        });
+        test('should let an explicit lazyLoadingMargin win over the default', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+                lazyLoadingMargin: '250px',
+            });
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframeSrc = (0, test_utils_1.getIFrameSrc)();
+                expect(iframeSrc).toContain('rootMarginForLazyLoad=250px');
+                expect(iframeSrc).not.toContain('rootMarginForLazyLoad=500px%200px');
+            }, 100);
+        });
+        test('should drop an invalid lazyLoadingMargin and log an error', async () => {
+            const loggerErrorSpy = jest.spyOn(logger_1.logger, 'error').mockImplementation(() => undefined);
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+                lazyLoadingMargin: 'not-a-margin',
+            });
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const iframeSrc = (0, test_utils_1.getIFrameSrc)();
+                expect(iframeSrc).toContain('isLazyLoadingForEmbedEnabled=true');
+                expect(iframeSrc).not.toContain('rootMarginForLazyLoad');
+                expect(loggerErrorSpy).toHaveBeenCalledWith('Please provide a valid lazyLoadingMargin value (e.g., "10px")');
+            }, 100);
+        });
+        test('should track scrollable ancestors by default when only fullHeight is set', async () => {
+            const scrollContainer = (0, test_utils_1.getRootEl)();
+            scrollContainer.style.overflow = 'auto';
+            const scrollContainerSpy = jest.spyOn(scrollContainer, 'addEventListener');
+            const resizeObserveSpy = jest.fn();
+            const resizeDisconnectSpy = jest.fn();
+            const originalResizeObserver = window.ResizeObserver;
+            window.ResizeObserver = jest.fn().mockImplementation(() => ({
+                observe: resizeObserveSpy,
+                disconnect: resizeDisconnectSpy,
+            }));
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+            });
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(scrollContainerSpy).toHaveBeenCalledWith('scroll', expect.any(Function));
+                expect(resizeObserveSpy).toHaveBeenCalledWith(scrollContainer);
+            }, 100);
+            liveboardEmbed.destroy();
+            expect(resizeDisconnectSpy).toHaveBeenCalled();
+            scrollContainer.style.overflow = '';
+            window.ResizeObserver = originalResizeObserver;
+        });
+        test('should skip ancestor tracking when enableScrollableContainerLazyLoading is false', async () => {
+            const scrollContainer = (0, test_utils_1.getRootEl)();
+            scrollContainer.style.overflow = 'auto';
+            const scrollContainerSpy = jest.spyOn(scrollContainer, 'addEventListener');
+            const windowSpy = jest.spyOn(window, 'addEventListener');
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+                enableScrollableContainerLazyLoading: false,
+            });
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                expect(windowSpy).toHaveBeenCalledWith('scroll', expect.anything(), true);
+                expect(scrollContainerSpy).not.toHaveBeenCalledWith('scroll', expect.any(Function));
+            }, 100);
+            liveboardEmbed.destroy();
+            scrollContainer.style.overflow = '';
+        });
+        test('should wire the window scroll listener to the coordinates sender by default', async () => {
+            const addEventListenerSpy = jest.spyOn(window, 'addEventListener');
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+            });
+            const mockTrigger = jest
+                .spyOn(liveboardEmbed, 'trigger')
+                .mockImplementation(() => Promise.resolve(undefined));
+            await liveboardEmbed.render();
+            await (0, test_utils_1.executeAfterWait)(() => {
+                const scrollCall = addEventListenerSpy.mock.calls.find(([eventName, , capture]) => eventName === 'scroll' && capture === true);
+                expect(scrollCall).toBeDefined();
+                // Call the handler the way a real scroll event would.
+                scrollCall[1]();
+                expect(mockTrigger).toHaveBeenCalledWith(types_1.HostEvent.VisibleEmbedCoordinates, expect.objectContaining({ top: expect.any(Number) }));
+            }, 100);
+            liveboardEmbed.destroy();
+            addEventListenerSpy.mockRestore();
+        });
+        test('should remove listeners on destroy when the flags come from defaults', async () => {
+            const removeEventListenerSpy = jest.spyOn(window, 'removeEventListener');
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+            });
+            await liveboardEmbed.render();
+            liveboardEmbed.destroy();
+            expect(removeEventListenerSpy).toHaveBeenCalledWith('resize', expect.anything());
+            expect(removeEventListenerSpy).toHaveBeenCalledWith('scroll', expect.anything(), true);
+            removeEventListenerSpy.mockRestore();
+        });
+        test('should keep an explicit false for the lazy loading flags', async () => {
+            const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                ...defaultViewConfig,
+                liveboardId,
+                fullHeight: true,
+                lazyLoadingForFullHeight: false,
+                enableScrollableContainerLazyLoading: false,
+                lazyLoadingMargin: '0px',
+            });
+            expect(liveboardEmbed.viewConfig.lazyLoadingForFullHeight).toBe(false);
+            expect(liveboardEmbed.viewConfig.enableScrollableContainerLazyLoading).toBe(false);
+            expect(liveboardEmbed.viewConfig.lazyLoadingMargin).toBe('0px');
+        });
         test('should not set lazyLoadingForEmbed when lazyLoadingForFullHeight is enabled but fullHeight is false', async () => {
             const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
                 ...defaultViewConfig,
@@ -1471,7 +1854,7 @@ describe('Liveboard/viz embed tests', () => {
                 width: 650,
             });
         });
-        test('should send correct visible data when RequestVisibleEmbedCoordinates is triggered', async () => {
+        test('should send visible data when fullHeight is enabled and lazyLoadingForFullHeight is omitted', async () => {
             const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
                 ...defaultViewConfig,
                 liveboardId,
@@ -1482,7 +1865,7 @@ describe('Liveboard/viz embed tests', () => {
             await liveboardEmbed.render();
             // Trigger the lazy load data calculation
             liveboardEmbed.sendFullHeightLazyLoadData();
-            expect(mockTrigger).not.toHaveBeenCalledWith(types_1.HostEvent.VisibleEmbedCoordinates, {
+            expect(mockTrigger).toHaveBeenCalledWith(types_1.HostEvent.VisibleEmbedCoordinates, {
                 top: 0,
                 height: 500,
                 left: 0,
@@ -1787,4 +2170,49 @@ describe('Liveboard/viz embed tests', () => {
         });
     });
 });
+describe('LiveboardEmbed updatedSpotterExperience tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = (0, test_utils_1.getDocumentBody)();
+    });
+    test('should render the liveboard embed with updatedSpotterExperience', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            updatedSpotterExperience: true,
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&updatedSpotterExperience=true#/embed/viz/${liveboardId}`);
+        });
+    });
+    test('should render the liveboard embed with updatedSpotterExperience disabled', async () => {
+        const liveboardEmbed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+            ...defaultViewConfig,
+            liveboardId,
+            updatedSpotterExperience: false,
+        });
+        await liveboardEmbed.render();
+        await (0, test_utils_1.executeAfterWait)(() => {
+            (0, test_utils_1.expectUrlMatchesWithParams)((0, test_utils_1.getIFrameSrc)(), `http://${thoughtSpotHost}/?embedApp=true${test_utils_1.defaultParams}${prefixParams}&updatedSpotterExperience=false#/embed/viz/${liveboardId}`);
+        });
+    });
+    describe('trigger typing contracts (compile-time)', () => {
+        it('infers typed response for no-payload calls through the LiveboardEmbed override', () => {
+            const embed = new liveboard_1.LiveboardEmbed((0, test_utils_1.getRootEl)(), {
+                liveboardId: 'test-liveboard-id',
+            });
+            const getTabs = () => embed.trigger(types_1.HostEvent.GetTabs);
+            const tabsIsTyped = false;
+            const tabsHasContractFields = true;
+            const probeUnknownField = (r) => 
+            // @ts-expect-error — field not on the GetTabs contract (was silent when `any`)
+            r.tabCount;
+            void probeUnknownField;
+            const reload = () => embed.trigger(types_1.HostEvent.Reload);
+            const reloadStaysAny = true;
+            expect([tabsIsTyped, tabsHasContractFields, reloadStaysAny])
+                .toEqual([false, true, true]);
+        });
+    });
+});
 //# sourceMappingURL=liveboard.spec.js.map