@thoughtspot/visual-embed-sdk 1.29.1-alpha.1 → 1.29.1

package/src/react/index.spec.tsx

@@ -15,18 +15,18 @@ import {
     mockMessageChannel,
 } from '../test/test-utils';
 import {
-    SearchEmbed, AppEmbed, LiveboardEmbed, useEmbedRef, SearchBarEmbed, PreRenderedLiveboardEmbed,
+    SearchEmbed,
+    AppEmbed,
+    LiveboardEmbed,
+    useEmbedRef,
+    SearchBarEmbed,
+    PreRenderedLiveboardEmbed,
 } from './index';
 import * as allExports from './index';
-import {
-    AuthType, init,
-} from '../index';
+import { AuthType, init } from '../index';
 
 import { version } from '../../package.json';
 
-import * as auth from '../auth';
-import * as sessionService from '../utils/sessionInfoService';
-
 const thoughtSpotHost = 'localhost';
 
 beforeAll(() => {
@@ -34,10 +34,6 @@ beforeAll(() => {
         thoughtSpotHost,
         authType: AuthType.None,
     });
-    jest.spyOn(auth, 'postLoginService').mockReturnValue(true);
-    jest.spyOn(sessionService, 'getSessionInfo').mockReturnValue({
-        userGUID: 'abcd',
-    });
     spyOn(window, 'alert');
 });
 
@@ -50,13 +46,11 @@ describe('React Components', () => {
 
             await waitFor(() => getIFrameEl(container));
 
-            expect(
-                getIFrameEl(container).parentElement.classList.contains(
-                    'embedClass',
-                ),
-            ).toBe(true);
+            expect(getIFrameEl(container).parentElement.classList.contains('embedClass')).toBe(
+                true,
+            );
             expect(getIFrameSrc(container)).toBe(
-                `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22,%22editACopy%22,%22saveAsView%22,%22updateTSL%22,%22editTSL%22,%22onDeleteAnswer%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&enableDataPanelV2=false&dataSourceMode=hide&useLastSelectedSources=false&isSearchEmbed=true&collapseSearchBarInitially=false#/embed/answer`,
+                `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22,%22editACopy%22,%22saveAsView%22,%22updateTSL%22,%22editTSL%22,%22onDeleteAnswer%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&enableDataPanelV2=false&dataSourceMode=hide&useLastSelectedSources=false&isSearchEmbed=true&collapseSearchBarInitially=false&enableCustomColumnGroups=false&dataPanelCustomGroupsAccordionInitialState=EXPAND_ALL#/embed/answer`,
             );
         });
 
@@ -151,60 +145,53 @@ describe('React Components', () => {
         });
 
         it('Should have the correct container element', async () => {
-            const { container } = render(
-                <LiveboardEmbed liveboardId="abcd" className="def" />,
-            );
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
 
             await waitFor(() => getIFrameEl(container));
             expect(container.querySelector('div')).not.toBe(null);
-            expect(
-                container.querySelector('div').classList.contains('def'),
-            ).toBe(true);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
 
             const { container: containerSibling } = render(
-                <LiveboardEmbed
-                    liveboardId="abcd"
-                    className="def"
-                    insertAsSibling={true}
-                />,
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
             await waitFor(() => getIFrameEl(containerSibling));
             expect(containerSibling.querySelector('span')).not.toBe(null);
-            expect(containerSibling.querySelector('span').style.position).toBe(
-                'absolute',
-            );
-            expect(
-                getIFrameEl(containerSibling).classList.contains('def'),
-            ).toBe(true);
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
             expect(containerSibling.querySelector('div')).toBe(null);
         });
 
         it('Should have the correct container element', async () => {
-            const { container } = render(
-                <LiveboardEmbed liveboardId="abcd" className="def" />,
-            );
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
 
             await waitFor(() => getIFrameEl(container));
             expect(container.querySelector('div')).not.toBe(null);
-            expect(
-                container.querySelector('div').classList.contains('def'),
-            ).toBe(true);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
 
             const { container: containerSibling } = render(
-                <LiveboardEmbed
-                    liveboardId="abcd"
-                    className="def"
-                    insertAsSibling={true}
-                />,
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
             await waitFor(() => getIFrameEl(containerSibling));
             expect(containerSibling.querySelector('span')).not.toBe(null);
-            expect(containerSibling.querySelector('span').style.position).toBe(
-                'absolute',
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
+            expect(containerSibling.querySelector('div')).toBe(null);
+        });
+
+        it('Should have the correct container element', async () => {
+            const { container } = render(<LiveboardEmbed liveboardId="abcd" className="def" />);
+
+            await waitFor(() => getIFrameEl(container));
+            expect(container.querySelector('div')).not.toBe(null);
+            expect(container.querySelector('div').classList.contains('def')).toBe(true);
+
+            const { container: containerSibling } = render(
+                <LiveboardEmbed liveboardId="abcd" className="def" insertAsSibling={true} />,
             );
-            expect(
-                getIFrameEl(containerSibling).classList.contains('def'),
-            ).toBe(true);
+            await waitFor(() => getIFrameEl(containerSibling));
+            expect(containerSibling.querySelector('span')).not.toBe(null);
+            expect(containerSibling.querySelector('span').style.position).toBe('absolute');
+            expect(getIFrameEl(containerSibling).classList.contains('def')).toBe(true);
             expect(containerSibling.querySelector('div')).toBe(null);
         });
     });
@@ -224,11 +211,9 @@ describe('React Components', () => {
 
             await waitFor(() => getIFrameEl(container));
 
-            expect(
-                getIFrameEl(container).parentElement.classList.contains(
-                    'embedClass',
-                ),
-            ).toBe(true);
+            expect(getIFrameEl(container).parentElement.classList.contains('embedClass')).toBe(
+                true,
+            );
             expect(getIFrameSrc(container)).toBe(
                 `http://${thoughtSpotHost}/?hostAppUrl=local-host&viewPortHeight=768&viewPortWidth=1024&sdkVersion=${version}&authType=None&blockNonEmbedFullAppAccess=true&hideAction=[%22${Action.ReportError}%22]&overrideConsoleLogs=true&clientLogLevel=ERROR&dataSources=[%22test%22]&searchTokenString=%5Brevenue%5D&executeSearch=true&useLastSelectedSources=false&isSearchEmbed=true#/embed/search-bar-embed`,
             );
@@ -248,7 +233,9 @@ describe('React Components', () => {
             );
 
             await waitFor(() => getIFrameEl());
-            const preRenderWrapper = document.body.querySelector(`#${preRenderId}`) as HTMLDivElement;
+            const preRenderWrapper = document.body.querySelector(
+                `#${preRenderId}`,
+            ) as HTMLDivElement;
 
             expect(preRenderWrapper).toBeInstanceOf(HTMLDivElement);
             expect((preRenderWrapper as HTMLDivElement).childElementCount).toBe(1);
@@ -263,11 +250,7 @@ describe('React Components', () => {
                 unobserve: jest.fn(),
             }));
             const { container: libContainer } = render(
-                <LiveboardEmbed
-                    className="embedClass"
-                    preRenderId="test"
-                    liveboardId="libId"
-                />,
+                <LiveboardEmbed className="embedClass" preRenderId="test" liveboardId="libId" />,
             );
 
             expect(preRenderWrapper.style.opacity).toBe('');
@@ -283,11 +266,9 @@ describe('allExports', () => {
     });
 
     it('should not have undefined exports', () => {
-        Object.keys(allExports).forEach(
-            (exportKey) => expect(
-                Boolean(allExports[exportKey]),
-            )
-                .toBe(true),
-        );
+        Object.keys(allExports)
+            .forEach(
+                (exportKey) => expect(Boolean(allExports[exportKey])).toBe(true),
+            );
     });
 });

package/src/react/index.tsx

@@ -102,7 +102,6 @@ interface PreRenderProps {
     * PreRender id to be used for PreRendering the embed.
     * Use PreRender to render the embed in the background and then
     * show or hide the rendered embed using showPreRender or hidePreRender respectively.
-    *
     * @example
     * ```js
     * const embed = new LiveboardEmbed('#embed', {
@@ -130,7 +129,6 @@ interface PreRenderProps {
 
 /**
  * React component for Search Embed.
- *
  * @example
  * ```tsx
  * function Search() {
@@ -155,7 +153,6 @@ interface AppProps extends EmbedProps, AppViewConfig { }
 
 /**
  * React component for Full app Embed.
- *
  * @example
  * ```tsx
  * function Search() {
@@ -176,7 +173,6 @@ export const AppEmbed = componentFactory<typeof _AppEmbed, AppProps, AppViewConf
  * default.
  *
  * AppEmbed with preRenderId passed will call showPreRender on the embed.
- *
  * @example
  * ```tsx
  * function LandingPageComponent() {
@@ -198,7 +194,6 @@ interface LiveboardProps extends EmbedProps, LiveboardViewConfig { }
 
 /**
  * React component for Liveboard embed.
- *
  * @example
  * ```tsx
  * function Liveboard() {
@@ -222,14 +217,13 @@ export const PinboardEmbed = LiveboardEmbed;
 /**
  * React component for PreRendered Liveboard embed.
  *
- *  PreRenderedLiveboardEmbed will preRender the liveboard and will be hidden by default.
+ * PreRenderedLiveboardEmbed will preRender the liveboard and will be hidden by default.
  *
  * LiveboardEmbed with preRenderId passed will call showPreRender on the embed.
  *
  * If LiveboardEmbed is rendered before PreRenderedLiveboardEmbed is rendered it
  * tries to preRender the LiveboardEmbed, so it is recommended to use pass the
  * liveboardId to both the components.
- *
  * @example
  * ```tsx
  * function LandingPageComponent() {
@@ -253,7 +247,6 @@ interface SearchBarEmbedProps extends EmbedProps, SearchBarViewConfig { }
 
 /**
  * React component for Search bar embed.
- *
  * @example
  * ```tsx
  * function SearchBar() {
@@ -277,7 +270,6 @@ export const SearchBarEmbed = componentFactory<
  * default.
  *
  * SearchBarEmbed with preRenderId passed will call showPreRender on the embed.
- *
  * @example
  * ```tsx
  * function LandingPageComponent() {
@@ -299,7 +291,6 @@ interface SageEmbedProps extends EmbedProps, SageViewConfig { }
 
 /**
  * React component for LLM based search Sage embed.
- *
  * @example
  * ```tsx
  * function Sage() {
@@ -321,7 +312,6 @@ export const SageEmbed = componentFactory<typeof _SageEmbed, SageEmbedProps, Sag
  * default.
  *
  * SageEmbed with preRenderId passed will call showPreRender on the embed.
- *
  * @example
  * ```tsx
  * function LandingPageComponent() {
@@ -347,7 +337,6 @@ type EmbedComponent = typeof SearchEmbed
 
 /**
  * Get a reference to the embed component to trigger events on the component.
- *
  * @example
  * ```
  * function Component() {
@@ -381,5 +370,4 @@ export {
     HomeLeftNavItem,
     HomepageModule,
     LogLevel,
-    getSessionInfo,
 } from '../index';

package/src/test/test-utils.ts

@@ -40,7 +40,6 @@ export const waitFor = (fn: () => boolean): Promise<void> => new Promise((resolv
  * programmatically and use dispatchEvent instead of the
  * postMessage API
  * Reference: https://github.com/jsdom/jsdom/issues/2745
- *
  * @param window
  * @param data
  * @param port
@@ -56,7 +55,6 @@ export const postMessageToParent = (window: WindowProxy, data: any, port?: any)
 
 /**
  * Execute a given function after a certain time has elapsed
- *
  * @param fn The function to be executed after the wait period
  * @param waitTime The wait period in milliseconds
  */

package/src/tokenizedFetch.ts

@@ -6,7 +6,6 @@ import { AuthType } from './types';
 /**
  * Fetch wrapper that adds the authentication token to the request.
  * Use this to call the ThoughtSpot APIs when using the visual embed sdk.
- *
  * @param input
  * @param init
  * @version SDK: 1.28.0