@thoughtspot/visual-embed-sdk 1.50.0 → 1.51.0-test
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/package.json +1 -1
- package/cjs/src/config.d.ts +1 -0
- package/cjs/src/config.d.ts.map +1 -1
- package/cjs/src/config.js +2 -1
- package/cjs/src/config.js.map +1 -1
- package/cjs/src/css-variables.d.ts +122 -0
- package/cjs/src/css-variables.d.ts.map +1 -1
- package/cjs/src/embed/app.d.ts +176 -24
- package/cjs/src/embed/app.d.ts.map +1 -1
- package/cjs/src/embed/app.js +86 -38
- package/cjs/src/embed/app.js.map +1 -1
- package/cjs/src/embed/app.spec.js +672 -150
- package/cjs/src/embed/app.spec.js.map +1 -1
- package/cjs/src/embed/base.d.ts +1 -1
- package/cjs/src/embed/base.js +1 -1
- package/cjs/src/embed/conversation.d.ts +401 -2
- package/cjs/src/embed/conversation.d.ts.map +1 -1
- package/cjs/src/embed/conversation.js +32 -16
- package/cjs/src/embed/conversation.js.map +1 -1
- package/cjs/src/embed/conversation.spec.js +346 -17
- package/cjs/src/embed/conversation.spec.js.map +1 -1
- package/cjs/src/embed/events.spec.js +638 -0
- package/cjs/src/embed/events.spec.js.map +1 -1
- package/cjs/src/embed/host-events.spec.js +187 -0
- package/cjs/src/embed/host-events.spec.js.map +1 -1
- package/cjs/src/embed/hostEventClient/contracts.d.ts +51 -14
- package/cjs/src/embed/hostEventClient/contracts.d.ts.map +1 -1
- package/cjs/src/embed/hostEventClient/contracts.js +11 -1
- package/cjs/src/embed/hostEventClient/contracts.js.map +1 -1
- package/cjs/src/embed/hostEventClient/host-event-client.d.ts +2 -1
- package/cjs/src/embed/hostEventClient/host-event-client.d.ts.map +1 -1
- package/cjs/src/embed/hostEventClient/host-event-client.js +9 -0
- package/cjs/src/embed/hostEventClient/host-event-client.js.map +1 -1
- package/cjs/src/embed/hostEventClient/host-event-client.spec.js +236 -0
- package/cjs/src/embed/hostEventClient/host-event-client.spec.js.map +1 -1
- package/cjs/src/embed/hostEventClient/utils.d.ts +2 -0
- package/cjs/src/embed/hostEventClient/utils.d.ts.map +1 -1
- package/cjs/src/embed/hostEventClient/utils.js +32 -2
- package/cjs/src/embed/hostEventClient/utils.js.map +1 -1
- package/cjs/src/embed/hostEventClient/utils.spec.js +178 -0
- package/cjs/src/embed/hostEventClient/utils.spec.js.map +1 -1
- package/cjs/src/embed/liveboard.d.ts +81 -13
- package/cjs/src/embed/liveboard.d.ts.map +1 -1
- package/cjs/src/embed/liveboard.js +50 -9
- package/cjs/src/embed/liveboard.js.map +1 -1
- package/cjs/src/embed/liveboard.spec.js +432 -4
- package/cjs/src/embed/liveboard.spec.js.map +1 -1
- package/cjs/src/embed/spotter-utils.d.ts +15 -1
- package/cjs/src/embed/spotter-utils.d.ts.map +1 -1
- package/cjs/src/embed/spotter-utils.js +28 -1
- package/cjs/src/embed/spotter-utils.js.map +1 -1
- package/cjs/src/embed/spotter-utils.spec.js +129 -0
- package/cjs/src/embed/spotter-utils.spec.js.map +1 -1
- package/cjs/src/embed/spotter-viz-utils.d.ts +37 -4
- package/cjs/src/embed/spotter-viz-utils.d.ts.map +1 -1
- package/cjs/src/embed/spotter-viz-utils.js.map +1 -1
- package/cjs/src/embed/spotter-viz-utils.spec.js +17 -0
- package/cjs/src/embed/spotter-viz-utils.spec.js.map +1 -1
- package/cjs/src/embed/ts-embed.d.ts +16 -8
- package/cjs/src/embed/ts-embed.d.ts.map +1 -1
- package/cjs/src/embed/ts-embed.js +96 -37
- package/cjs/src/embed/ts-embed.js.map +1 -1
- package/cjs/src/embed/ts-embed.spec.js +683 -3
- package/cjs/src/embed/ts-embed.spec.js.map +1 -1
- package/cjs/src/errors.d.ts +1 -0
- package/cjs/src/errors.d.ts.map +1 -1
- package/cjs/src/errors.js +1 -0
- package/cjs/src/errors.js.map +1 -1
- package/cjs/src/index.d.ts +3 -3
- package/cjs/src/index.d.ts.map +1 -1
- package/cjs/src/index.js +4 -2
- package/cjs/src/index.js.map +1 -1
- package/cjs/src/mixpanel-service.d.ts +4 -0
- package/cjs/src/mixpanel-service.d.ts.map +1 -1
- package/cjs/src/mixpanel-service.js +4 -0
- package/cjs/src/mixpanel-service.js.map +1 -1
- package/cjs/src/react/all-types-export.d.ts +1 -1
- package/cjs/src/react/all-types-export.d.ts.map +1 -1
- package/cjs/src/react/all-types-export.js +2 -1
- package/cjs/src/react/all-types-export.js.map +1 -1
- package/cjs/src/react/all-types-export.parity.spec.d.ts +2 -0
- package/cjs/src/react/all-types-export.parity.spec.d.ts.map +1 -0
- package/cjs/src/react/all-types-export.parity.spec.js +194 -0
- package/cjs/src/react/all-types-export.parity.spec.js.map +1 -0
- package/cjs/src/react/index.d.ts +66 -32
- package/cjs/src/react/index.d.ts.map +1 -1
- package/cjs/src/react/index.js +5 -3
- package/cjs/src/react/index.js.map +1 -1
- package/cjs/src/react/index.spec.js +101 -0
- package/cjs/src/react/index.spec.js.map +1 -1
- package/cjs/src/react/util.spec.js +251 -0
- package/cjs/src/react/util.spec.js.map +1 -1
- package/cjs/src/types.d.ts +902 -28
- package/cjs/src/types.d.ts.map +1 -1
- package/cjs/src/types.js +701 -14
- package/cjs/src/types.js.map +1 -1
- package/cjs/src/utils/processData.spec.js +93 -0
- package/cjs/src/utils/processData.spec.js.map +1 -1
- package/cjs/src/utils/processTrigger.spec.js +61 -0
- package/cjs/src/utils/processTrigger.spec.js.map +1 -1
- package/cjs/src/utils.spec.js +4 -0
- package/cjs/src/utils.spec.js.map +1 -1
- package/dist/{index-B5xoN6Cp.js → index-Bivg-mDx.js} +1 -1
- package/dist/src/config.d.ts +1 -0
- package/dist/src/config.d.ts.map +1 -1
- package/dist/src/css-variables.d.ts +122 -0
- package/dist/src/css-variables.d.ts.map +1 -1
- package/dist/src/embed/app.d.ts +176 -24
- package/dist/src/embed/app.d.ts.map +1 -1
- package/dist/src/embed/base.d.ts +1 -1
- package/dist/src/embed/conversation.d.ts +401 -2
- package/dist/src/embed/conversation.d.ts.map +1 -1
- package/dist/src/embed/hostEventClient/contracts.d.ts +51 -14
- package/dist/src/embed/hostEventClient/contracts.d.ts.map +1 -1
- package/dist/src/embed/hostEventClient/host-event-client.d.ts +2 -1
- package/dist/src/embed/hostEventClient/host-event-client.d.ts.map +1 -1
- package/dist/src/embed/hostEventClient/utils.d.ts +2 -0
- package/dist/src/embed/hostEventClient/utils.d.ts.map +1 -1
- package/dist/src/embed/liveboard.d.ts +81 -13
- package/dist/src/embed/liveboard.d.ts.map +1 -1
- package/dist/src/embed/spotter-utils.d.ts +15 -1
- package/dist/src/embed/spotter-utils.d.ts.map +1 -1
- package/dist/src/embed/spotter-viz-utils.d.ts +37 -4
- package/dist/src/embed/spotter-viz-utils.d.ts.map +1 -1
- package/dist/src/embed/ts-embed.d.ts +16 -8
- package/dist/src/embed/ts-embed.d.ts.map +1 -1
- package/dist/src/errors.d.ts +1 -0
- package/dist/src/errors.d.ts.map +1 -1
- package/dist/src/index.d.ts +3 -3
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/mixpanel-service.d.ts +4 -0
- package/dist/src/mixpanel-service.d.ts.map +1 -1
- package/dist/src/react/all-types-export.d.ts +1 -1
- package/dist/src/react/all-types-export.d.ts.map +1 -1
- package/dist/src/react/all-types-export.parity.spec.d.ts +2 -0
- package/dist/src/react/all-types-export.parity.spec.d.ts.map +1 -0
- package/dist/src/react/index.d.ts +66 -32
- package/dist/src/react/index.d.ts.map +1 -1
- package/dist/src/types.d.ts +902 -28
- package/dist/src/types.d.ts.map +1 -1
- package/dist/tsembed-react.es.js +1269 -206
- package/dist/tsembed-react.js +1268 -205
- package/dist/tsembed.es.js +1364 -304
- package/dist/tsembed.js +1362 -302
- package/dist/visual-embed-sdk-react-full.d.ts +1867 -157
- package/dist/visual-embed-sdk-react.d.ts +1872 -161
- package/dist/visual-embed-sdk.d.ts +1815 -127
- package/lib/package.json +1 -1
- package/lib/src/config.d.ts +1 -0
- package/lib/src/config.d.ts.map +1 -1
- package/lib/src/config.js +1 -0
- package/lib/src/config.js.map +1 -1
- package/lib/src/css-variables.d.ts +122 -0
- package/lib/src/css-variables.d.ts.map +1 -1
- package/lib/src/embed/app.d.ts +176 -24
- package/lib/src/embed/app.d.ts.map +1 -1
- package/lib/src/embed/app.js +87 -39
- package/lib/src/embed/app.js.map +1 -1
- package/lib/src/embed/app.spec.js +673 -151
- package/lib/src/embed/app.spec.js.map +1 -1
- package/lib/src/embed/base.d.ts +1 -1
- package/lib/src/embed/base.js +1 -1
- package/lib/src/embed/conversation.d.ts +401 -2
- package/lib/src/embed/conversation.d.ts.map +1 -1
- package/lib/src/embed/conversation.js +33 -17
- package/lib/src/embed/conversation.js.map +1 -1
- package/lib/src/embed/conversation.spec.js +347 -18
- package/lib/src/embed/conversation.spec.js.map +1 -1
- package/lib/src/embed/events.spec.js +638 -0
- package/lib/src/embed/events.spec.js.map +1 -1
- package/lib/src/embed/host-events.spec.js +188 -1
- package/lib/src/embed/host-events.spec.js.map +1 -1
- package/lib/src/embed/hostEventClient/contracts.d.ts +51 -14
- package/lib/src/embed/hostEventClient/contracts.d.ts.map +1 -1
- package/lib/src/embed/hostEventClient/contracts.js +10 -0
- package/lib/src/embed/hostEventClient/contracts.js.map +1 -1
- package/lib/src/embed/hostEventClient/host-event-client.d.ts +2 -1
- package/lib/src/embed/hostEventClient/host-event-client.d.ts.map +1 -1
- package/lib/src/embed/hostEventClient/host-event-client.js +10 -1
- package/lib/src/embed/hostEventClient/host-event-client.js.map +1 -1
- package/lib/src/embed/hostEventClient/host-event-client.spec.js +236 -0
- package/lib/src/embed/hostEventClient/host-event-client.spec.js.map +1 -1
- package/lib/src/embed/hostEventClient/utils.d.ts +2 -0
- package/lib/src/embed/hostEventClient/utils.d.ts.map +1 -1
- package/lib/src/embed/hostEventClient/utils.js +28 -1
- package/lib/src/embed/hostEventClient/utils.js.map +1 -1
- package/lib/src/embed/hostEventClient/utils.spec.js +179 -1
- package/lib/src/embed/hostEventClient/utils.spec.js.map +1 -1
- package/lib/src/embed/liveboard.d.ts +81 -13
- package/lib/src/embed/liveboard.d.ts.map +1 -1
- package/lib/src/embed/liveboard.js +50 -9
- package/lib/src/embed/liveboard.js.map +1 -1
- package/lib/src/embed/liveboard.spec.js +432 -4
- package/lib/src/embed/liveboard.spec.js.map +1 -1
- package/lib/src/embed/spotter-utils.d.ts +15 -1
- package/lib/src/embed/spotter-utils.d.ts.map +1 -1
- package/lib/src/embed/spotter-utils.js +25 -0
- package/lib/src/embed/spotter-utils.js.map +1 -1
- package/lib/src/embed/spotter-utils.spec.js +130 -1
- package/lib/src/embed/spotter-utils.spec.js.map +1 -1
- package/lib/src/embed/spotter-viz-utils.d.ts +37 -4
- package/lib/src/embed/spotter-viz-utils.d.ts.map +1 -1
- package/lib/src/embed/spotter-viz-utils.js.map +1 -1
- package/lib/src/embed/spotter-viz-utils.spec.js +17 -0
- package/lib/src/embed/spotter-viz-utils.spec.js.map +1 -1
- package/lib/src/embed/ts-embed.d.ts +16 -8
- package/lib/src/embed/ts-embed.d.ts.map +1 -1
- package/lib/src/embed/ts-embed.js +96 -37
- package/lib/src/embed/ts-embed.js.map +1 -1
- package/lib/src/embed/ts-embed.spec.js +683 -3
- package/lib/src/embed/ts-embed.spec.js.map +1 -1
- package/lib/src/errors.d.ts +1 -0
- package/lib/src/errors.d.ts.map +1 -1
- package/lib/src/errors.js +1 -0
- package/lib/src/errors.js.map +1 -1
- package/lib/src/index.d.ts +3 -3
- package/lib/src/index.d.ts.map +1 -1
- package/lib/src/index.js +3 -3
- package/lib/src/index.js.map +1 -1
- package/lib/src/mixpanel-service.d.ts +4 -0
- package/lib/src/mixpanel-service.d.ts.map +1 -1
- package/lib/src/mixpanel-service.js +4 -0
- package/lib/src/mixpanel-service.js.map +1 -1
- package/lib/src/react/all-types-export.d.ts +1 -1
- package/lib/src/react/all-types-export.d.ts.map +1 -1
- package/lib/src/react/all-types-export.js +1 -1
- package/lib/src/react/all-types-export.js.map +1 -1
- package/lib/src/react/all-types-export.parity.spec.d.ts +2 -0
- package/lib/src/react/all-types-export.parity.spec.d.ts.map +1 -0
- package/lib/src/react/all-types-export.parity.spec.js +191 -0
- package/lib/src/react/all-types-export.parity.spec.js.map +1 -0
- package/lib/src/react/index.d.ts +66 -32
- package/lib/src/react/index.d.ts.map +1 -1
- package/lib/src/react/index.js +5 -3
- package/lib/src/react/index.js.map +1 -1
- package/lib/src/react/index.spec.js +102 -1
- package/lib/src/react/index.spec.js.map +1 -1
- package/lib/src/react/util.spec.js +251 -0
- package/lib/src/react/util.spec.js.map +1 -1
- package/lib/src/types.d.ts +902 -28
- package/lib/src/types.d.ts.map +1 -1
- package/lib/src/types.js +701 -14
- package/lib/src/types.js.map +1 -1
- package/lib/src/utils/processData.spec.js +93 -0
- package/lib/src/utils/processData.spec.js.map +1 -1
- package/lib/src/utils/processTrigger.spec.js +61 -0
- package/lib/src/utils/processTrigger.spec.js.map +1 -1
- package/lib/src/utils.spec.js +4 -0
- package/lib/src/utils.spec.js.map +1 -1
- package/lib/src/visual-embed-sdk.d.ts +1815 -127
- package/package.json +1 -1
- package/src/config.ts +1 -0
- package/src/css-variables.ts +150 -0
- package/src/embed/app.spec.ts +877 -196
- package/src/embed/app.ts +276 -75
- package/src/embed/base.ts +1 -1
- package/src/embed/conversation.spec.ts +411 -21
- package/src/embed/conversation.ts +441 -18
- package/src/embed/events.spec.ts +761 -1
- package/src/embed/host-events.spec.ts +242 -0
- package/src/embed/hostEventClient/contracts.ts +57 -14
- package/src/embed/hostEventClient/host-event-client.spec.ts +372 -0
- package/src/embed/hostEventClient/host-event-client.ts +18 -2
- package/src/embed/hostEventClient/utils.spec.ts +204 -0
- package/src/embed/hostEventClient/utils.ts +37 -10
- package/src/embed/liveboard.spec.ts +565 -4
- package/src/embed/liveboard.ts +155 -28
- package/src/embed/spotter-utils.spec.ts +140 -1
- package/src/embed/spotter-utils.ts +36 -1
- package/src/embed/spotter-viz-utils.spec.ts +17 -0
- package/src/embed/spotter-viz-utils.ts +37 -4
- package/src/embed/ts-embed.spec.ts +885 -3
- package/src/embed/ts-embed.ts +111 -39
- package/src/errors.ts +1 -0
- package/src/index.ts +45 -2
- package/src/mixpanel-service.ts +4 -0
- package/src/react/all-types-export.parity.spec.ts +208 -0
- package/src/react/all-types-export.ts +22 -0
- package/src/react/index.spec.tsx +158 -0
- package/src/react/index.tsx +70 -33
- package/src/react/util.spec.tsx +255 -0
- package/src/types.ts +904 -24
- package/src/utils/processData.spec.ts +97 -0
- package/src/utils/processTrigger.spec.ts +91 -0
- package/src/utils.spec.ts +5 -0
|
@@ -1170,6 +1170,32 @@ describe('Unit test case for ts embed', () => {
|
|
|
1170
1170
|
const { mockGetPreauthInfo } = await setup(true, 123);
|
|
1171
1171
|
expect(mockGetPreauthInfo).toHaveBeenCalledTimes(0);
|
|
1172
1172
|
});
|
|
1173
|
+
test('should NOT trigger InfoSuccess when getPreauthInfo resolves with no .info field', async () => {
|
|
1174
|
+
jest.spyOn(window, 'addEventListener').mockImplementationOnce((event, handler) => {
|
|
1175
|
+
handler({
|
|
1176
|
+
data: { type: 'xyz' },
|
|
1177
|
+
ports: [3000],
|
|
1178
|
+
source: null,
|
|
1179
|
+
});
|
|
1180
|
+
});
|
|
1181
|
+
mockProcessTrigger.mockResolvedValueOnce({ session: 'test' });
|
|
1182
|
+
jest.spyOn(authService, 'fetchPreauthInfoService').mockResolvedValueOnce({
|
|
1183
|
+
ok: true,
|
|
1184
|
+
headers: new Headers({ 'content-type': 'application/json' }),
|
|
1185
|
+
json: async () => ({}), // no .info field
|
|
1186
|
+
});
|
|
1187
|
+
const iFrame = document.createElement('div');
|
|
1188
|
+
jest.spyOn(baseInstance, 'getAuthPromise').mockResolvedValueOnce(true);
|
|
1189
|
+
const tsEmbed = new SearchEmbed(getRootEl(), {});
|
|
1190
|
+
iFrame.contentWindow = { postMessage: jest.fn() };
|
|
1191
|
+
jest.spyOn(iFrame, 'addEventListener').mockImplementationOnce((event, handler) => { handler({}); });
|
|
1192
|
+
jest.spyOn(document, 'createElement').mockReturnValueOnce(iFrame);
|
|
1193
|
+
await tsEmbed.render();
|
|
1194
|
+
await executeAfterWait(() => {
|
|
1195
|
+
const infoSuccessCall = mockProcessTrigger.mock.calls.find((call) => call[1] === HostEvent.InfoSuccess);
|
|
1196
|
+
expect(infoSuccessCall).toBeUndefined();
|
|
1197
|
+
});
|
|
1198
|
+
});
|
|
1173
1199
|
});
|
|
1174
1200
|
describe('Preauth Cache for FullAppEmbed with PrimaryNavBar', () => {
|
|
1175
1201
|
beforeAll(() => {
|
|
@@ -1893,6 +1919,43 @@ describe('Unit test case for ts embed', () => {
|
|
|
1893
1919
|
orgId: overrideOrgId,
|
|
1894
1920
|
});
|
|
1895
1921
|
});
|
|
1922
|
+
it('Sets the overrideHistoryState param', async () => {
|
|
1923
|
+
const appEmbed = new AppEmbed(getRootEl(), {
|
|
1924
|
+
frameParams: {
|
|
1925
|
+
width: '100%',
|
|
1926
|
+
height: '100%',
|
|
1927
|
+
},
|
|
1928
|
+
overrideHistoryState: true,
|
|
1929
|
+
});
|
|
1930
|
+
await appEmbed.render();
|
|
1931
|
+
expectUrlToHaveParamsWithValues(getIFrameSrc(), {
|
|
1932
|
+
overrideHistoryState: true,
|
|
1933
|
+
});
|
|
1934
|
+
});
|
|
1935
|
+
it('Sets the overrideHistoryState param to false', async () => {
|
|
1936
|
+
const appEmbed = new AppEmbed(getRootEl(), {
|
|
1937
|
+
frameParams: {
|
|
1938
|
+
width: '100%',
|
|
1939
|
+
height: '100%',
|
|
1940
|
+
},
|
|
1941
|
+
overrideHistoryState: false,
|
|
1942
|
+
});
|
|
1943
|
+
await appEmbed.render();
|
|
1944
|
+
expectUrlToHaveParamsWithValues(getIFrameSrc(), {
|
|
1945
|
+
overrideHistoryState: false,
|
|
1946
|
+
});
|
|
1947
|
+
});
|
|
1948
|
+
it('Should not add overrideHistoryState param when it is undefined', async () => {
|
|
1949
|
+
const appEmbed = new AppEmbed(getRootEl(), {
|
|
1950
|
+
frameParams: {
|
|
1951
|
+
width: '100%',
|
|
1952
|
+
height: '100%',
|
|
1953
|
+
},
|
|
1954
|
+
});
|
|
1955
|
+
await appEmbed.render();
|
|
1956
|
+
const url = getIFrameSrc();
|
|
1957
|
+
expect(url).not.toContain('overrideHistoryState');
|
|
1958
|
+
});
|
|
1896
1959
|
it('Should not add contextMenuEnabledOnWhichClick flag to the iframe src when it is not passed', async () => {
|
|
1897
1960
|
const liveboardEmbed = new LiveboardEmbed(getRootEl(), {
|
|
1898
1961
|
...defaultViewConfig,
|
|
@@ -2204,6 +2267,37 @@ describe('Unit test case for ts embed', () => {
|
|
|
2204
2267
|
expect(logger.error).toHaveBeenCalledWith('PreRender should be called before using syncPreRenderStyle');
|
|
2205
2268
|
logger.error.mockClear();
|
|
2206
2269
|
});
|
|
2270
|
+
it('should skip syncing styles when the placeholder is detached', async () => {
|
|
2271
|
+
createRootEleForEmbed();
|
|
2272
|
+
jest.spyOn(logger, 'debug').mockImplementation(jest.fn());
|
|
2273
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2274
|
+
liveboardId: 'myLiveboardId',
|
|
2275
|
+
preRenderId: 'placeholder-detached',
|
|
2276
|
+
doNotTrackPreRenderSize: true,
|
|
2277
|
+
});
|
|
2278
|
+
libEmbed.preRender();
|
|
2279
|
+
await waitFor(() => !!getIFrameEl());
|
|
2280
|
+
await libEmbed.showPreRender();
|
|
2281
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2282
|
+
const wrapper = document.getElementById(preRenderIds.wrapper);
|
|
2283
|
+
const placeholder = document.getElementById(preRenderIds.placeHolder);
|
|
2284
|
+
const rectSpy = jest.spyOn(placeholder, 'getBoundingClientRect');
|
|
2285
|
+
wrapper.style.top = '42px';
|
|
2286
|
+
wrapper.style.height = '111px';
|
|
2287
|
+
logger.debug.mockClear();
|
|
2288
|
+
// Simulate the host subtree being unmounted: the placeholder is no
|
|
2289
|
+
// longer connected to the document.
|
|
2290
|
+
placeholder.remove();
|
|
2291
|
+
libEmbed.syncPreRenderStyle();
|
|
2292
|
+
expect(logger.debug).toHaveBeenCalledWith('syncPreRenderStyle skipped: placeholder is detached');
|
|
2293
|
+
// The detached node is never measured, so the wrapper keeps its
|
|
2294
|
+
// last known geometry instead of collapsing to a stale rect.
|
|
2295
|
+
expect(rectSpy).not.toHaveBeenCalled();
|
|
2296
|
+
expect(wrapper.style.top).toBe('42px');
|
|
2297
|
+
expect(wrapper.style.height).toBe('111px');
|
|
2298
|
+
libEmbed.destroy();
|
|
2299
|
+
logger.debug.mockRestore();
|
|
2300
|
+
});
|
|
2207
2301
|
describe('preRenderContainer', () => {
|
|
2208
2302
|
it('should append preRenderWrapper to document.body when preRenderContainer is not set', async () => {
|
|
2209
2303
|
createRootEleForEmbed();
|
|
@@ -2306,9 +2400,10 @@ describe('Unit test case for ts embed', () => {
|
|
|
2306
2400
|
libEmbed.destroy();
|
|
2307
2401
|
// Reverts to the exact value the container had before.
|
|
2308
2402
|
expect(customContainer.style.position).toBe('static');
|
|
2309
|
-
// The container reference is dropped
|
|
2310
|
-
// not pin the (possibly
|
|
2311
|
-
|
|
2403
|
+
// The custom container reference is dropped (back to the default
|
|
2404
|
+
// body) so a destroyed embed does not pin the (possibly
|
|
2405
|
+
// detached) element in memory.
|
|
2406
|
+
expect(libEmbed.preRenderContainerEl).toBe(document.body);
|
|
2312
2407
|
customContainer.remove();
|
|
2313
2408
|
});
|
|
2314
2409
|
it('should not touch the container position when it is already positioned', async () => {
|
|
@@ -2328,6 +2423,30 @@ describe('Unit test case for ts embed', () => {
|
|
|
2328
2423
|
expect(customContainer.style.position).toBe('absolute');
|
|
2329
2424
|
customContainer.remove();
|
|
2330
2425
|
});
|
|
2426
|
+
it('should default preRenderContainerEl to document.body before rendering', () => {
|
|
2427
|
+
createRootEleForEmbed();
|
|
2428
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2429
|
+
liveboardId: 'myLiveboardId',
|
|
2430
|
+
});
|
|
2431
|
+
// document.body is the "no custom container" sentinel, so the
|
|
2432
|
+
// field is never null and needs no null-guarding downstream.
|
|
2433
|
+
expect(libEmbed.preRenderContainerEl).toBe(document.body);
|
|
2434
|
+
});
|
|
2435
|
+
it('should leave document.body untouched on destroy when no custom container is set', async () => {
|
|
2436
|
+
createRootEleForEmbed();
|
|
2437
|
+
const originalBodyPosition = document.body.style.position;
|
|
2438
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2439
|
+
preRenderId: 'container-body-destroy',
|
|
2440
|
+
liveboardId: 'myLiveboardId',
|
|
2441
|
+
});
|
|
2442
|
+
await libEmbed.preRender();
|
|
2443
|
+
expect(libEmbed.preRenderContainerEl).toBe(document.body);
|
|
2444
|
+
libEmbed.destroy();
|
|
2445
|
+
// The body sentinel must never be treated as a custom container:
|
|
2446
|
+
// no position override to apply and none to restore.
|
|
2447
|
+
expect(document.body.style.position).toBe(originalBodyPosition);
|
|
2448
|
+
expect(document.body.dataset.tsEmbedOriginalPosition).toBeUndefined();
|
|
2449
|
+
});
|
|
2331
2450
|
it('should keep the container positioned on destroy while another preRender wrapper remains', async () => {
|
|
2332
2451
|
createRootEleForEmbed();
|
|
2333
2452
|
const customContainer = document.createElement('div');
|
|
@@ -2413,6 +2532,38 @@ describe('Unit test case for ts embed', () => {
|
|
|
2413
2532
|
libEmbed.destroy();
|
|
2414
2533
|
newContainer.remove();
|
|
2415
2534
|
});
|
|
2535
|
+
it('should position the newly resolved container after a remount, not the stale one', async () => {
|
|
2536
|
+
createRootEleForEmbed();
|
|
2537
|
+
const oldContainer = document.createElement('div');
|
|
2538
|
+
oldContainer.id = 'reposition-remount-container';
|
|
2539
|
+
oldContainer.style.position = 'static';
|
|
2540
|
+
document.body.appendChild(oldContainer);
|
|
2541
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2542
|
+
preRenderId: 'container-remount-position',
|
|
2543
|
+
liveboardId: 'myLiveboardId',
|
|
2544
|
+
preRenderContainer: '#reposition-remount-container',
|
|
2545
|
+
doNotTrackPreRenderSize: true,
|
|
2546
|
+
});
|
|
2547
|
+
libEmbed.preRender();
|
|
2548
|
+
await waitFor(() => !!getIFrameEl());
|
|
2549
|
+
await libEmbed.showPreRender();
|
|
2550
|
+
expect(oldContainer.style.position).toBe('relative');
|
|
2551
|
+
oldContainer.remove();
|
|
2552
|
+
const newContainer = document.createElement('div');
|
|
2553
|
+
newContainer.id = 'reposition-remount-container';
|
|
2554
|
+
newContainer.style.position = 'static';
|
|
2555
|
+
document.body.appendChild(newContainer);
|
|
2556
|
+
libEmbed.syncPreRenderStyle();
|
|
2557
|
+
// applyPreRenderContainerPositioning() reads preRenderContainerEl
|
|
2558
|
+
// instead of taking the container as an argument, so reconcile has
|
|
2559
|
+
// to assign the field before calling it — otherwise the override
|
|
2560
|
+
// lands on the detached node and the fresh one stays static.
|
|
2561
|
+
expect(libEmbed.preRenderContainerEl).toBe(newContainer);
|
|
2562
|
+
expect(newContainer.style.position).toBe('relative');
|
|
2563
|
+
expect(newContainer.dataset.tsEmbedOriginalPosition).toBe('static');
|
|
2564
|
+
libEmbed.destroy();
|
|
2565
|
+
newContainer.remove();
|
|
2566
|
+
});
|
|
2416
2567
|
it('should leave an element-passed container untouched when it is detached', async () => {
|
|
2417
2568
|
createRootEleForEmbed();
|
|
2418
2569
|
const container = document.createElement('div');
|
|
@@ -2436,6 +2587,436 @@ describe('Unit test case for ts embed', () => {
|
|
|
2436
2587
|
expect(container.contains(wrapper)).toBe(true);
|
|
2437
2588
|
libEmbed.destroy();
|
|
2438
2589
|
});
|
|
2590
|
+
describe('connectPreRendered container init', () => {
|
|
2591
|
+
beforeEach(() => {
|
|
2592
|
+
window.ResizeObserver = jest.fn().mockImplementation(() => ({
|
|
2593
|
+
disconnect: jest.fn(),
|
|
2594
|
+
observe: jest.fn(),
|
|
2595
|
+
unobserve: jest.fn(),
|
|
2596
|
+
}));
|
|
2597
|
+
});
|
|
2598
|
+
it('should resolve preRenderContainerEl when connecting to an existing pre-render', async () => {
|
|
2599
|
+
createRootEleForEmbed();
|
|
2600
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2601
|
+
preRenderId: 'connect-init-default',
|
|
2602
|
+
liveboardId: 'myLiveboardId',
|
|
2603
|
+
});
|
|
2604
|
+
await firstEmbed.preRender();
|
|
2605
|
+
await waitFor(() => !!getIFrameEl());
|
|
2606
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2607
|
+
preRenderId: 'connect-init-default',
|
|
2608
|
+
liveboardId: 'myLiveboardId',
|
|
2609
|
+
});
|
|
2610
|
+
await connectingEmbed.showPreRender();
|
|
2611
|
+
expect(connectingEmbed.preRenderContainerEl).not.toBeNull();
|
|
2612
|
+
firstEmbed.destroy();
|
|
2613
|
+
});
|
|
2614
|
+
it('should fall back to document.body when no preRenderContainer is configured on the connecting embed', async () => {
|
|
2615
|
+
createRootEleForEmbed();
|
|
2616
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2617
|
+
preRenderId: 'connect-init-body',
|
|
2618
|
+
liveboardId: 'myLiveboardId',
|
|
2619
|
+
});
|
|
2620
|
+
await firstEmbed.preRender();
|
|
2621
|
+
await waitFor(() => !!getIFrameEl());
|
|
2622
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2623
|
+
preRenderId: 'connect-init-body',
|
|
2624
|
+
liveboardId: 'myLiveboardId',
|
|
2625
|
+
});
|
|
2626
|
+
await connectingEmbed.showPreRender();
|
|
2627
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(document.body);
|
|
2628
|
+
firstEmbed.destroy();
|
|
2629
|
+
});
|
|
2630
|
+
it('should resolve a custom preRenderContainer on the connecting embed', async () => {
|
|
2631
|
+
createRootEleForEmbed();
|
|
2632
|
+
const customContainer = document.createElement('div');
|
|
2633
|
+
customContainer.id = 'connect-custom-container';
|
|
2634
|
+
document.body.appendChild(customContainer);
|
|
2635
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2636
|
+
preRenderId: 'connect-init-custom',
|
|
2637
|
+
liveboardId: 'myLiveboardId',
|
|
2638
|
+
preRenderContainer: customContainer,
|
|
2639
|
+
});
|
|
2640
|
+
await firstEmbed.preRender();
|
|
2641
|
+
await waitFor(() => !!getIFrameEl());
|
|
2642
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2643
|
+
preRenderId: 'connect-init-custom',
|
|
2644
|
+
liveboardId: 'myLiveboardId',
|
|
2645
|
+
preRenderContainer: customContainer,
|
|
2646
|
+
});
|
|
2647
|
+
await connectingEmbed.showPreRender();
|
|
2648
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(customContainer);
|
|
2649
|
+
firstEmbed.destroy();
|
|
2650
|
+
customContainer.remove();
|
|
2651
|
+
});
|
|
2652
|
+
it('should apply container positioning when the connecting embed resolves a static container', async () => {
|
|
2653
|
+
createRootEleForEmbed();
|
|
2654
|
+
const customContainer = document.createElement('div');
|
|
2655
|
+
customContainer.id = 'connect-static-container';
|
|
2656
|
+
customContainer.style.position = 'static';
|
|
2657
|
+
document.body.appendChild(customContainer);
|
|
2658
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2659
|
+
preRenderId: 'connect-init-static',
|
|
2660
|
+
liveboardId: 'myLiveboardId',
|
|
2661
|
+
preRenderContainer: customContainer,
|
|
2662
|
+
});
|
|
2663
|
+
await firstEmbed.preRender();
|
|
2664
|
+
await waitFor(() => !!getIFrameEl());
|
|
2665
|
+
// Reset position to static so the connecting embed also triggers the guard.
|
|
2666
|
+
customContainer.style.position = 'static';
|
|
2667
|
+
delete customContainer.dataset['preRenderContainerOriginalPosition'];
|
|
2668
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2669
|
+
preRenderId: 'connect-init-static',
|
|
2670
|
+
liveboardId: 'myLiveboardId',
|
|
2671
|
+
preRenderContainer: customContainer,
|
|
2672
|
+
});
|
|
2673
|
+
await connectingEmbed.showPreRender();
|
|
2674
|
+
expect(customContainer.style.position).toBe('relative');
|
|
2675
|
+
firstEmbed.destroy();
|
|
2676
|
+
connectingEmbed.destroy();
|
|
2677
|
+
customContainer.remove();
|
|
2678
|
+
});
|
|
2679
|
+
it('should inherit the container from the pre-rendering embed instead of re-resolving it', async () => {
|
|
2680
|
+
createRootEleForEmbed();
|
|
2681
|
+
const customContainer = document.createElement('div');
|
|
2682
|
+
customContainer.id = 'connect-inherit-container';
|
|
2683
|
+
document.body.appendChild(customContainer);
|
|
2684
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2685
|
+
preRenderId: 'connect-no-re-resolve',
|
|
2686
|
+
liveboardId: 'myLiveboardId',
|
|
2687
|
+
preRenderContainer: customContainer,
|
|
2688
|
+
});
|
|
2689
|
+
await firstEmbed.preRender();
|
|
2690
|
+
await waitFor(() => !!getIFrameEl());
|
|
2691
|
+
// No preRenderContainer here: the container belongs to the
|
|
2692
|
+
// PreRender component and is adopted as-is.
|
|
2693
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2694
|
+
preRenderId: 'connect-no-re-resolve',
|
|
2695
|
+
liveboardId: 'myLiveboardId',
|
|
2696
|
+
});
|
|
2697
|
+
const resolveSpy = jest.spyOn(connectingEmbed, 'resolvePreRenderContainerTarget');
|
|
2698
|
+
connectingEmbed.connectPreRendered();
|
|
2699
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(customContainer);
|
|
2700
|
+
expect(resolveSpy).not.toHaveBeenCalled();
|
|
2701
|
+
firstEmbed.destroy();
|
|
2702
|
+
customContainer.remove();
|
|
2703
|
+
});
|
|
2704
|
+
it('should warn and ignore a preRenderContainer passed on the connecting embed', async () => {
|
|
2705
|
+
createRootEleForEmbed();
|
|
2706
|
+
const ownerContainer = document.createElement('div');
|
|
2707
|
+
ownerContainer.id = 'connect-owner-container';
|
|
2708
|
+
const otherContainer = document.createElement('div');
|
|
2709
|
+
otherContainer.id = 'connect-other-container';
|
|
2710
|
+
document.body.appendChild(ownerContainer);
|
|
2711
|
+
document.body.appendChild(otherContainer);
|
|
2712
|
+
const warnSpy = jest.spyOn(logger, 'warn').mockImplementation(() => undefined);
|
|
2713
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2714
|
+
preRenderId: 'connect-container-warn',
|
|
2715
|
+
liveboardId: 'myLiveboardId',
|
|
2716
|
+
preRenderContainer: ownerContainer,
|
|
2717
|
+
});
|
|
2718
|
+
await firstEmbed.preRender();
|
|
2719
|
+
await waitFor(() => !!getIFrameEl());
|
|
2720
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2721
|
+
preRenderId: 'connect-container-warn',
|
|
2722
|
+
liveboardId: 'myLiveboardId',
|
|
2723
|
+
preRenderContainer: otherContainer,
|
|
2724
|
+
});
|
|
2725
|
+
connectingEmbed.connectPreRendered();
|
|
2726
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(ownerContainer);
|
|
2727
|
+
expect(warnSpy).toHaveBeenCalledWith(expect.stringContaining('preRenderContainer is applied only by'));
|
|
2728
|
+
warnSpy.mockRestore();
|
|
2729
|
+
firstEmbed.destroy();
|
|
2730
|
+
ownerContainer.remove();
|
|
2731
|
+
otherContainer.remove();
|
|
2732
|
+
});
|
|
2733
|
+
it('should not warn when the connecting embed passes the same container element', async () => {
|
|
2734
|
+
createRootEleForEmbed();
|
|
2735
|
+
const customContainer = document.createElement('div');
|
|
2736
|
+
customContainer.id = 'connect-same-element-container';
|
|
2737
|
+
document.body.appendChild(customContainer);
|
|
2738
|
+
const warnSpy = jest.spyOn(logger, 'warn').mockImplementation(() => undefined);
|
|
2739
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2740
|
+
preRenderId: 'connect-same-element',
|
|
2741
|
+
liveboardId: 'myLiveboardId',
|
|
2742
|
+
preRenderContainer: customContainer,
|
|
2743
|
+
});
|
|
2744
|
+
await firstEmbed.preRender();
|
|
2745
|
+
await waitFor(() => !!getIFrameEl());
|
|
2746
|
+
// Same config on both components — the value is redundant but
|
|
2747
|
+
// not wrong, so nagging about it would be noise.
|
|
2748
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2749
|
+
preRenderId: 'connect-same-element',
|
|
2750
|
+
liveboardId: 'myLiveboardId',
|
|
2751
|
+
preRenderContainer: customContainer,
|
|
2752
|
+
});
|
|
2753
|
+
connectingEmbed.connectPreRendered();
|
|
2754
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(customContainer);
|
|
2755
|
+
expect(warnSpy).not.toHaveBeenCalledWith(expect.stringContaining('preRenderContainer is applied only by'));
|
|
2756
|
+
warnSpy.mockRestore();
|
|
2757
|
+
firstEmbed.destroy();
|
|
2758
|
+
customContainer.remove();
|
|
2759
|
+
});
|
|
2760
|
+
it('should not warn when the connecting embed passes a selector for the same container', async () => {
|
|
2761
|
+
createRootEleForEmbed();
|
|
2762
|
+
const customContainer = document.createElement('div');
|
|
2763
|
+
customContainer.id = 'connect-same-selector-container';
|
|
2764
|
+
document.body.appendChild(customContainer);
|
|
2765
|
+
const warnSpy = jest.spyOn(logger, 'warn').mockImplementation(() => undefined);
|
|
2766
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2767
|
+
preRenderId: 'connect-same-selector',
|
|
2768
|
+
liveboardId: 'myLiveboardId',
|
|
2769
|
+
preRenderContainer: customContainer,
|
|
2770
|
+
});
|
|
2771
|
+
await firstEmbed.preRender();
|
|
2772
|
+
await waitFor(() => !!getIFrameEl());
|
|
2773
|
+
// A selector that resolves to the owner's element is the same
|
|
2774
|
+
// container, so the comparison must be by resolved node.
|
|
2775
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2776
|
+
preRenderId: 'connect-same-selector',
|
|
2777
|
+
liveboardId: 'myLiveboardId',
|
|
2778
|
+
preRenderContainer: '#connect-same-selector-container',
|
|
2779
|
+
});
|
|
2780
|
+
connectingEmbed.connectPreRendered();
|
|
2781
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(customContainer);
|
|
2782
|
+
expect(warnSpy).not.toHaveBeenCalledWith(expect.stringContaining('preRenderContainer is applied only by'));
|
|
2783
|
+
warnSpy.mockRestore();
|
|
2784
|
+
firstEmbed.destroy();
|
|
2785
|
+
customContainer.remove();
|
|
2786
|
+
});
|
|
2787
|
+
it('should keep its own container when the same instance owns the pre-render', async () => {
|
|
2788
|
+
createRootEleForEmbed();
|
|
2789
|
+
const customContainer = document.createElement('div');
|
|
2790
|
+
customContainer.id = 'connect-self-container';
|
|
2791
|
+
document.body.appendChild(customContainer);
|
|
2792
|
+
const warnSpy = jest.spyOn(logger, 'warn').mockImplementation(() => undefined);
|
|
2793
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2794
|
+
preRenderId: 'connect-self',
|
|
2795
|
+
liveboardId: 'myLiveboardId',
|
|
2796
|
+
preRenderContainer: customContainer,
|
|
2797
|
+
});
|
|
2798
|
+
await libEmbed.preRender();
|
|
2799
|
+
await waitFor(() => !!getIFrameEl());
|
|
2800
|
+
// preRender() then render() on one instance: it owns the
|
|
2801
|
+
// wrapper, so there is nothing to inherit and its own
|
|
2802
|
+
// preRenderContainer is entirely legitimate.
|
|
2803
|
+
libEmbed.connectPreRendered();
|
|
2804
|
+
expect(libEmbed.preRenderContainerEl).toBe(customContainer);
|
|
2805
|
+
expect(warnSpy).not.toHaveBeenCalledWith(expect.stringContaining('preRenderContainer is applied only by'));
|
|
2806
|
+
warnSpy.mockRestore();
|
|
2807
|
+
libEmbed.destroy();
|
|
2808
|
+
customContainer.remove();
|
|
2809
|
+
});
|
|
2810
|
+
it('should stay on document.body when the wrapper has no owning embed', async () => {
|
|
2811
|
+
createRootEleForEmbed();
|
|
2812
|
+
const customContainer = document.createElement('div');
|
|
2813
|
+
customContainer.id = 'connect-unstamped-container';
|
|
2814
|
+
document.body.appendChild(customContainer);
|
|
2815
|
+
const warnSpy = jest.spyOn(logger, 'warn').mockImplementation(() => undefined);
|
|
2816
|
+
const firstEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2817
|
+
preRenderId: 'connect-unstamped',
|
|
2818
|
+
liveboardId: 'myLiveboardId',
|
|
2819
|
+
preRenderContainer: customContainer,
|
|
2820
|
+
});
|
|
2821
|
+
await firstEmbed.preRender();
|
|
2822
|
+
await waitFor(() => !!getIFrameEl());
|
|
2823
|
+
// Simulate a wrapper with no live embed behind it: the
|
|
2824
|
+
// __tsEmbed stamp used to locate the owner is gone, so there
|
|
2825
|
+
// is no container to inherit.
|
|
2826
|
+
const wrapper = document.getElementById(firstEmbed.getPreRenderIds().wrapper);
|
|
2827
|
+
delete wrapper.__tsEmbed;
|
|
2828
|
+
const connectingEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2829
|
+
preRenderId: 'connect-unstamped',
|
|
2830
|
+
liveboardId: 'myLiveboardId',
|
|
2831
|
+
});
|
|
2832
|
+
connectingEmbed.connectPreRendered();
|
|
2833
|
+
// Falls back to the sentinel rather than crashing on the
|
|
2834
|
+
// missing owner, and warns about nothing.
|
|
2835
|
+
expect(connectingEmbed.preRenderContainerEl).toBe(document.body);
|
|
2836
|
+
expect(warnSpy).not.toHaveBeenCalledWith(expect.stringContaining('preRenderContainer is applied only by'));
|
|
2837
|
+
warnSpy.mockRestore();
|
|
2838
|
+
firstEmbed.destroy();
|
|
2839
|
+
customContainer.remove();
|
|
2840
|
+
});
|
|
2841
|
+
});
|
|
2842
|
+
});
|
|
2843
|
+
describe('preRenderConfig', () => {
|
|
2844
|
+
beforeEach(() => {
|
|
2845
|
+
window.ResizeObserver = jest.fn().mockImplementation(() => ({
|
|
2846
|
+
disconnect: jest.fn(),
|
|
2847
|
+
observe: jest.fn(),
|
|
2848
|
+
unobserve: jest.fn(),
|
|
2849
|
+
}));
|
|
2850
|
+
});
|
|
2851
|
+
it('should use default z-index of -1000 when preRenderConfig is not set', async () => {
|
|
2852
|
+
createRootEleForEmbed();
|
|
2853
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2854
|
+
preRenderId: 'pre-render-config-defaults',
|
|
2855
|
+
liveboardId: 'myLiveboardId',
|
|
2856
|
+
});
|
|
2857
|
+
await libEmbed.preRender();
|
|
2858
|
+
await waitFor(() => !!getIFrameEl());
|
|
2859
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2860
|
+
const preRenderWrapper = document.getElementById(preRenderIds.wrapper);
|
|
2861
|
+
expect(preRenderWrapper.style.zIndex).toBe('-1000');
|
|
2862
|
+
libEmbed.destroy();
|
|
2863
|
+
});
|
|
2864
|
+
it('should apply custom zIndex from preRenderConfig when hidden', async () => {
|
|
2865
|
+
createRootEleForEmbed();
|
|
2866
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2867
|
+
preRenderId: 'pre-render-config-custom-z-index',
|
|
2868
|
+
liveboardId: 'myLiveboardId',
|
|
2869
|
+
preRenderConfig: {
|
|
2870
|
+
zIndex: -10,
|
|
2871
|
+
},
|
|
2872
|
+
});
|
|
2873
|
+
await libEmbed.preRender();
|
|
2874
|
+
await waitFor(() => !!getIFrameEl());
|
|
2875
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2876
|
+
const preRenderWrapper = document.getElementById(preRenderIds.wrapper);
|
|
2877
|
+
expect(preRenderWrapper.style.zIndex).toBe('-10');
|
|
2878
|
+
libEmbed.destroy();
|
|
2879
|
+
});
|
|
2880
|
+
it('should clear z-index on showPreRender and restore custom zIndex on hidePreRender', async () => {
|
|
2881
|
+
createRootEleForEmbed();
|
|
2882
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2883
|
+
preRenderId: 'pre-render-config-cycle',
|
|
2884
|
+
liveboardId: 'myLiveboardId',
|
|
2885
|
+
preRenderConfig: {
|
|
2886
|
+
zIndex: -5,
|
|
2887
|
+
},
|
|
2888
|
+
});
|
|
2889
|
+
await libEmbed.preRender();
|
|
2890
|
+
await waitFor(() => !!getIFrameEl());
|
|
2891
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2892
|
+
const preRenderWrapper = document.getElementById(preRenderIds.wrapper);
|
|
2893
|
+
expect(preRenderWrapper.style.zIndex).toBe('-5');
|
|
2894
|
+
libEmbed.showPreRender();
|
|
2895
|
+
expect(preRenderWrapper.style.zIndex).toBe('');
|
|
2896
|
+
libEmbed.hidePreRender();
|
|
2897
|
+
expect(preRenderWrapper.style.zIndex).toBe('-5');
|
|
2898
|
+
libEmbed.destroy();
|
|
2899
|
+
});
|
|
2900
|
+
it('should use preRenderConfig.preRenderId to identify the pre-render instance', async () => {
|
|
2901
|
+
createRootEleForEmbed();
|
|
2902
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2903
|
+
liveboardId: 'myLiveboardId',
|
|
2904
|
+
preRenderConfig: {
|
|
2905
|
+
preRenderId: 'config-level-id',
|
|
2906
|
+
},
|
|
2907
|
+
});
|
|
2908
|
+
await libEmbed.preRender();
|
|
2909
|
+
await waitFor(() => !!getIFrameEl());
|
|
2910
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2911
|
+
expect(preRenderIds.wrapper).toContain('config-level-id');
|
|
2912
|
+
expect(document.getElementById(preRenderIds.wrapper)).not.toBeNull();
|
|
2913
|
+
libEmbed.destroy();
|
|
2914
|
+
});
|
|
2915
|
+
it('should prefer preRenderConfig.preRenderId over top-level preRenderId', async () => {
|
|
2916
|
+
createRootEleForEmbed();
|
|
2917
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2918
|
+
liveboardId: 'myLiveboardId',
|
|
2919
|
+
preRenderId: 'top-level-id',
|
|
2920
|
+
preRenderConfig: {
|
|
2921
|
+
preRenderId: 'config-level-id',
|
|
2922
|
+
},
|
|
2923
|
+
});
|
|
2924
|
+
await libEmbed.preRender();
|
|
2925
|
+
await waitFor(() => !!getIFrameEl());
|
|
2926
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2927
|
+
expect(preRenderIds.wrapper).toContain('config-level-id');
|
|
2928
|
+
expect(preRenderIds.wrapper).not.toContain('top-level-id');
|
|
2929
|
+
libEmbed.destroy();
|
|
2930
|
+
});
|
|
2931
|
+
it('should mount the wrapper into preRenderConfig.preRenderContainer', async () => {
|
|
2932
|
+
createRootEleForEmbed();
|
|
2933
|
+
const customContainer = document.createElement('div');
|
|
2934
|
+
customContainer.id = 'config-level-container';
|
|
2935
|
+
document.body.appendChild(customContainer);
|
|
2936
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2937
|
+
liveboardId: 'myLiveboardId',
|
|
2938
|
+
preRenderConfig: {
|
|
2939
|
+
preRenderId: 'container-via-config',
|
|
2940
|
+
preRenderContainer: '#config-level-container',
|
|
2941
|
+
},
|
|
2942
|
+
});
|
|
2943
|
+
await libEmbed.preRender();
|
|
2944
|
+
await waitFor(() => !!getIFrameEl());
|
|
2945
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2946
|
+
const preRenderWrapper = document.getElementById(preRenderIds.wrapper);
|
|
2947
|
+
expect(customContainer.contains(preRenderWrapper)).toBe(true);
|
|
2948
|
+
libEmbed.destroy();
|
|
2949
|
+
customContainer.remove();
|
|
2950
|
+
});
|
|
2951
|
+
it('should prefer preRenderConfig.preRenderContainer over top-level preRenderContainer', async () => {
|
|
2952
|
+
createRootEleForEmbed();
|
|
2953
|
+
const topContainer = document.createElement('div');
|
|
2954
|
+
topContainer.id = 'top-level-container';
|
|
2955
|
+
document.body.appendChild(topContainer);
|
|
2956
|
+
const configContainer = document.createElement('div');
|
|
2957
|
+
configContainer.id = 'config-level-container-2';
|
|
2958
|
+
document.body.appendChild(configContainer);
|
|
2959
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2960
|
+
liveboardId: 'myLiveboardId',
|
|
2961
|
+
preRenderContainer: '#top-level-container',
|
|
2962
|
+
preRenderConfig: {
|
|
2963
|
+
preRenderId: 'container-precedence',
|
|
2964
|
+
preRenderContainer: '#config-level-container-2',
|
|
2965
|
+
},
|
|
2966
|
+
});
|
|
2967
|
+
await libEmbed.preRender();
|
|
2968
|
+
await waitFor(() => !!getIFrameEl());
|
|
2969
|
+
const preRenderIds = libEmbed.getPreRenderIds();
|
|
2970
|
+
const preRenderWrapper = document.getElementById(preRenderIds.wrapper);
|
|
2971
|
+
expect(configContainer.contains(preRenderWrapper)).toBe(true);
|
|
2972
|
+
expect(topContainer.contains(preRenderWrapper)).toBe(false);
|
|
2973
|
+
libEmbed.destroy();
|
|
2974
|
+
topContainer.remove();
|
|
2975
|
+
configContainer.remove();
|
|
2976
|
+
});
|
|
2977
|
+
it('should not attach ResizeObserver when preRenderConfig.doNotTrackPreRenderSize is true', async () => {
|
|
2978
|
+
createRootEleForEmbed();
|
|
2979
|
+
const observeMock = jest.fn();
|
|
2980
|
+
window.ResizeObserver = jest.fn().mockImplementation(() => ({
|
|
2981
|
+
disconnect: jest.fn(),
|
|
2982
|
+
observe: observeMock,
|
|
2983
|
+
unobserve: jest.fn(),
|
|
2984
|
+
}));
|
|
2985
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
2986
|
+
liveboardId: 'myLiveboardId',
|
|
2987
|
+
preRenderConfig: {
|
|
2988
|
+
preRenderId: 'no-track-via-config',
|
|
2989
|
+
doNotTrackPreRenderSize: true,
|
|
2990
|
+
},
|
|
2991
|
+
});
|
|
2992
|
+
await libEmbed.preRender();
|
|
2993
|
+
await waitFor(() => !!getIFrameEl());
|
|
2994
|
+
libEmbed.showPreRender();
|
|
2995
|
+
expect(observeMock).not.toHaveBeenCalled();
|
|
2996
|
+
libEmbed.destroy();
|
|
2997
|
+
});
|
|
2998
|
+
it('should prefer preRenderConfig.doNotTrackPreRenderSize over top-level doNotTrackPreRenderSize', async () => {
|
|
2999
|
+
createRootEleForEmbed();
|
|
3000
|
+
const observeMock = jest.fn();
|
|
3001
|
+
window.ResizeObserver = jest.fn().mockImplementation(() => ({
|
|
3002
|
+
disconnect: jest.fn(),
|
|
3003
|
+
observe: observeMock,
|
|
3004
|
+
unobserve: jest.fn(),
|
|
3005
|
+
}));
|
|
3006
|
+
const libEmbed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
3007
|
+
liveboardId: 'myLiveboardId',
|
|
3008
|
+
doNotTrackPreRenderSize: false,
|
|
3009
|
+
preRenderConfig: {
|
|
3010
|
+
preRenderId: 'no-track-precedence',
|
|
3011
|
+
doNotTrackPreRenderSize: true,
|
|
3012
|
+
},
|
|
3013
|
+
});
|
|
3014
|
+
await libEmbed.preRender();
|
|
3015
|
+
await waitFor(() => !!getIFrameEl());
|
|
3016
|
+
libEmbed.showPreRender();
|
|
3017
|
+
expect(observeMock).not.toHaveBeenCalled();
|
|
3018
|
+
libEmbed.destroy();
|
|
3019
|
+
});
|
|
2439
3020
|
});
|
|
2440
3021
|
});
|
|
2441
3022
|
describe('IdleSessionTimeout embedEvent for TrustedAuthTokenCookieless authType with autoLogin true', () => {
|
|
@@ -3723,6 +4304,20 @@ describe('Trigger method edge cases', () => {
|
|
|
3723
4304
|
expect(result).toBeNull();
|
|
3724
4305
|
});
|
|
3725
4306
|
});
|
|
4307
|
+
test('isValidationError catch: handleError called with embedErrorDetails and error is rethrown', async () => {
|
|
4308
|
+
const searchEmbed = new SearchEmbed(getRootEl(), defaultViewConfig);
|
|
4309
|
+
const handleErrorSpy = jest.spyOn(searchEmbed, 'handleError').mockImplementation(() => { });
|
|
4310
|
+
await searchEmbed.render();
|
|
4311
|
+
// First processTrigger call is getAvailableUIPassthroughKeys for DrillDown
|
|
4312
|
+
mockProcessTrigger.mockResolvedValueOnce([
|
|
4313
|
+
{ value: { keys: Object.values(UIPassthroughEvent) } },
|
|
4314
|
+
]);
|
|
4315
|
+
// DrillDown with no points → throwDrillDownValidationError → isValidationError=true
|
|
4316
|
+
await expect(searchEmbed.trigger(HostEvent.DrillDown, {})).rejects.toThrow('DrillDown requires a valid points object');
|
|
4317
|
+
expect(handleErrorSpy).toHaveBeenCalledWith(expect.objectContaining({
|
|
4318
|
+
data: expect.objectContaining({ code: EmbedErrorCodes.HOST_EVENT_VALIDATION }),
|
|
4319
|
+
}));
|
|
4320
|
+
});
|
|
3726
4321
|
});
|
|
3727
4322
|
describe('PreRender replaceExistingPreRender scenarios', () => {
|
|
3728
4323
|
beforeAll(() => {
|
|
@@ -3731,6 +4326,9 @@ describe('PreRender replaceExistingPreRender scenarios', () => {
|
|
|
3731
4326
|
authType: AuthType.None,
|
|
3732
4327
|
});
|
|
3733
4328
|
});
|
|
4329
|
+
beforeEach(() => {
|
|
4330
|
+
document.body.innerHTML = getDocumentBody();
|
|
4331
|
+
});
|
|
3734
4332
|
afterEach(() => {
|
|
3735
4333
|
const rootEle = document.getElementById('myRoot');
|
|
3736
4334
|
rootEle === null || rootEle === void 0 ? void 0 : rootEle.remove();
|
|
@@ -3838,6 +4436,40 @@ describe('Fullscreen change handler behavior', () => {
|
|
|
3838
4436
|
expect(mockProcessTrigger).not.toHaveBeenCalledWith(expect.any(Object), HostEvent.ExitPresentMode, expect.any(String), expect.any(Object));
|
|
3839
4437
|
});
|
|
3840
4438
|
});
|
|
4439
|
+
test('disableFullscreenPresentation undefined defaults to true — no fullscreenchange listener registered', () => {
|
|
4440
|
+
init({
|
|
4441
|
+
thoughtSpotHost: 'tshost',
|
|
4442
|
+
authType: AuthType.None,
|
|
4443
|
+
// disableFullscreenPresentation not set → defaults to true via ?? true
|
|
4444
|
+
});
|
|
4445
|
+
const embed = new SearchEmbed(getRootEl(), defaultViewConfig);
|
|
4446
|
+
const addEventListenerSpy = jest.spyOn(document, 'addEventListener');
|
|
4447
|
+
embed['setupFullscreenChangeHandler']();
|
|
4448
|
+
expect(addEventListenerSpy).not.toHaveBeenCalledWith('fullscreenchange', expect.any(Function));
|
|
4449
|
+
addEventListenerSpy.mockRestore();
|
|
4450
|
+
// Restore for other tests in this describe
|
|
4451
|
+
init({ thoughtSpotHost: 'tshost', authType: AuthType.None, disableFullscreenPresentation: false });
|
|
4452
|
+
});
|
|
4453
|
+
test('fullscreenchange fires but iFrame.contentWindow is null — trigger NOT called, debug log emitted', () => {
|
|
4454
|
+
const embed = new SearchEmbed(getRootEl(), defaultViewConfig);
|
|
4455
|
+
// Give the embed a fake iFrame with null contentWindow
|
|
4456
|
+
embed.iFrame = { contentWindow: null };
|
|
4457
|
+
const addEventListenerSpy = jest.spyOn(document, 'addEventListener');
|
|
4458
|
+
const loggerDebugSpy = jest.spyOn(logger, 'debug').mockImplementation(() => { });
|
|
4459
|
+
const triggerSpy = jest.spyOn(embed, 'trigger').mockImplementation(() => Promise.resolve(null));
|
|
4460
|
+
embed['setupFullscreenChangeHandler']();
|
|
4461
|
+
// Capture the registered handler directly instead of dispatching to document
|
|
4462
|
+
const fullscreenCall = addEventListenerSpy.mock.calls.find((c) => c[0] === 'fullscreenchange');
|
|
4463
|
+
expect(fullscreenCall).toBeTruthy();
|
|
4464
|
+
const handler = fullscreenCall[1];
|
|
4465
|
+
Object.defineProperty(document, 'fullscreenElement', { value: null, writable: true, configurable: true });
|
|
4466
|
+
handler(new Event('fullscreenchange'));
|
|
4467
|
+
expect(triggerSpy).not.toHaveBeenCalled();
|
|
4468
|
+
expect(loggerDebugSpy).toHaveBeenCalledWith(expect.stringContaining('Skipping ExitPresentMode'));
|
|
4469
|
+
addEventListenerSpy.mockRestore();
|
|
4470
|
+
loggerDebugSpy.mockRestore();
|
|
4471
|
+
triggerSpy.mockRestore();
|
|
4472
|
+
});
|
|
3841
4473
|
});
|
|
3842
4474
|
describe('ShowPreRender with UpdateEmbedParams', () => {
|
|
3843
4475
|
const setupPreRenderTest = async (preRenderId, initialConfig) => {
|
|
@@ -4294,6 +4926,54 @@ describe('ShowPreRender with UpdateEmbedParams', () => {
|
|
|
4294
4926
|
expect(placeholderEle.parentElement).not.toBeNull();
|
|
4295
4927
|
embed.destroy();
|
|
4296
4928
|
});
|
|
4929
|
+
// showPreRender located the stale placeholder with a subtree-wide
|
|
4930
|
+
// querySelector but removed it with hostElement.removeChild(), which
|
|
4931
|
+
// only accepts direct children. With fullHeight the placeholder can be
|
|
4932
|
+
// nested deeper than a direct child, so removeChild threw
|
|
4933
|
+
// "NotFoundError: Failed to execute 'removeChild' on 'Node'".
|
|
4934
|
+
it('showPreRender removes a placeholder nested below a direct child without throwing', async () => {
|
|
4935
|
+
createRootEleForEmbed();
|
|
4936
|
+
const embed = new LiveboardEmbed('#tsEmbedDiv', {
|
|
4937
|
+
preRenderId: 'ph-nested-test',
|
|
4938
|
+
liveboardId: 'lb-id',
|
|
4939
|
+
fullHeight: true,
|
|
4940
|
+
});
|
|
4941
|
+
await embed.preRender();
|
|
4942
|
+
await waitFor(() => !!document.querySelector('#tsEmbed-pre-render-child-ph-nested-test'));
|
|
4943
|
+
const hostElement = document.querySelector('#tsEmbedDiv');
|
|
4944
|
+
const placeHolderId = 'tsEmbed-pre-render-placeholder-ph-nested-test';
|
|
4945
|
+
// Simulate the fullHeight layout where the placeholder ends up as
|
|
4946
|
+
// a grandchild of the host element rather than a direct child.
|
|
4947
|
+
const intermediateWrapper = document.createElement('div');
|
|
4948
|
+
const staleNestedPlaceholder = document.createElement('div');
|
|
4949
|
+
staleNestedPlaceholder.id = placeHolderId;
|
|
4950
|
+
intermediateWrapper.appendChild(staleNestedPlaceholder);
|
|
4951
|
+
hostElement.appendChild(intermediateWrapper);
|
|
4952
|
+
expect(hostElement.querySelector(`#${placeHolderId}`)).toBe(staleNestedPlaceholder);
|
|
4953
|
+
// Before the fix this threw NotFoundError.
|
|
4954
|
+
await expect(embed.showPreRender()).resolves.toBeDefined();
|
|
4955
|
+
// The stale nested placeholder is gone; the fresh one is a direct child.
|
|
4956
|
+
expect(staleNestedPlaceholder.isConnected).toBe(false);
|
|
4957
|
+
const currentPlaceholder = embed.getPreRenderPlaceHolderElement();
|
|
4958
|
+
expect(currentPlaceholder.parentElement).toBe(hostElement);
|
|
4959
|
+
embed.destroy();
|
|
4960
|
+
});
|
|
4961
|
+
});
|
|
4962
|
+
describe('trigger typing contracts (compile-time)', () => {
|
|
4963
|
+
it('infers typed response for no-payload calls on the base trigger', () => {
|
|
4964
|
+
const searchEmbed = new SearchEmbed(getRootEl(), defaultViewConfig);
|
|
4965
|
+
const getTabs = () => searchEmbed.trigger(HostEvent.GetTabs);
|
|
4966
|
+
const tabsIsTyped = false;
|
|
4967
|
+
const tabsHasContractFields = true;
|
|
4968
|
+
const probeUnknownField = (r) =>
|
|
4969
|
+
// @ts-expect-error — field not on the GetTabs contract (was silent when `any`)
|
|
4970
|
+
r.tabCount;
|
|
4971
|
+
void probeUnknownField;
|
|
4972
|
+
const reload = () => searchEmbed.trigger(HostEvent.Reload);
|
|
4973
|
+
const reloadStaysAny = true;
|
|
4974
|
+
expect([tabsIsTyped, tabsHasContractFields, reloadStaysAny])
|
|
4975
|
+
.toEqual([false, true, true]);
|
|
4976
|
+
});
|
|
4297
4977
|
});
|
|
4298
4978
|
});
|
|
4299
4979
|
//# sourceMappingURL=ts-embed.spec.js.map
|