@raydiant/playlist-window-manager 0.20.0 → 0.21.1

package/src/PresentationWindow.test.ts

@@ -0,0 +1,221 @@
+import {
+  createPresentationWindow,
+  createPresentation,
+  createApplicationVersion,
+  createRenderer,
+  createPlaylistWindowManagerState,
+  createRuleEngineState,
+} from './testUtils';
+
+const delay = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
+
+describe('embedded apps', () => {
+  test('loads embedded url format', async () => {
+    const testRenderer = createRenderer();
+
+    const window = createPresentationWindow({
+      windowId: 'test-embedded-url-format',
+      presentation: createPresentation({
+        applicationVariables: { input: 'test' },
+      }),
+      applicationVersion: createApplicationVersion({
+        embeddedUrlFormat: 'http://test.local/:input',
+        presentationProperties: [{ name: 'input', type: 'string' }],
+      }),
+      renderer: testRenderer,
+    });
+
+    await window.load();
+
+    expect(testRenderer.createWindow).toHaveBeenCalledWith({
+      windowId: 'test-embedded-url-format',
+      backgroundColor: '#ffffff',
+      bounds: undefined,
+      parentWindowId: undefined,
+      errorCallback: expect.any(Function),
+      receiveMessageCallback: expect.any(Function),
+    });
+
+    expect(testRenderer.loadWindow).toHaveBeenCalledWith(
+      'test-embedded-url-format',
+      'http://test.local/test#__raydiantWindowId=test-embedded-url-format'
+    );
+  });
+
+  test('reloads by rendering embedded url format', async () => {
+    const testRenderer = createRenderer();
+
+    const window = createPresentationWindow({
+      windowId: 'test-reload-url',
+      presentation: createPresentation({
+        applicationVariables: { input: 'test' },
+      }),
+      applicationVersion: createApplicationVersion({
+        embeddedUrlFormat: 'http://test.local/:input',
+        presentationProperties: [{ name: 'input', type: 'string' }],
+      }),
+      renderer: testRenderer,
+    });
+
+    await window.load();
+
+    window.setPresentation(
+      createPresentation({ applicationVariables: { input: 'updated' } }),
+      createPlaylistWindowManagerState(),
+      createRuleEngineState()
+    );
+
+    await window.reload();
+
+    expect(testRenderer.loadWindow).toHaveBeenCalledTimes(2);
+
+    expect(testRenderer.loadWindow).toHaveBeenCalledWith(
+      'test-reload-url',
+      'http://test.local/updated#__raydiantWindowId=test-reload-url'
+    );
+  });
+
+  test('reloads by sending message if has preview subscription', async () => {
+    const testRenderer = createRenderer();
+
+    const window = createPresentationWindow({
+      windowId: 'test-reload-message',
+      presentation: createPresentation({
+        applicationVariables: { input: 'test' },
+      }),
+      applicationVersion: createApplicationVersion({
+        embeddedUrlFormat: 'http://test.local/:input',
+        presentationProperties: [{ name: 'input', type: 'string' }],
+      }),
+      renderer: testRenderer,
+    });
+
+    await window.load();
+
+    // Subscribe to receive input updates via message.
+    testRenderer.runReceiveMessageCallback('preview-subscribe', 'inputs');
+
+    window.setPresentation(
+      createPresentation({ applicationVariables: { input: 'updated' } }),
+      createPlaylistWindowManagerState(),
+      createRuleEngineState()
+    );
+
+    await window.reload();
+
+    // loadWindow should only be called once for the initial load.
+    expect(testRenderer.loadWindow).toHaveBeenCalledTimes(1);
+
+    expect(testRenderer.sendMessageObject).toHaveBeenCalledWith(
+      'test-reload-message',
+      'preview-inputs',
+      { input: 'updated' }
+    );
+
+    // sendMessageObject should not be called again for the same inputs.
+    await window.reload();
+    expect(testRenderer.sendMessageObject).toHaveBeenCalledTimes(1);
+
+    // Unsubscribe to receive input updates via message.
+    testRenderer.runReceiveMessageCallback('preview-unsubscribe', 'inputs');
+
+    await window.reload();
+    // loadWindow should be called again since the preview subscription was removed.
+    expect(testRenderer.loadWindow).toHaveBeenCalledTimes(2);
+  });
+
+  test('preview subscription strips internal file properties from inputs', async () => {
+    const testRenderer = createRenderer();
+
+    const window = createPresentationWindow({
+      windowId: 'test-reload-message',
+      presentation: createPresentation({
+        applicationVariables: {
+          input: {
+            url: 'http://test.local/image.png',
+            'content-length': 123,
+            'content-type': 'image/png',
+            file_upload_id: 'test',
+            filename: 'image.png',
+          },
+        },
+      }),
+      applicationVersion: createApplicationVersion({
+        embeddedUrlFormat: 'http://test.local/:input',
+        presentationProperties: [{ name: 'input', type: 'file' }],
+      }),
+      renderer: testRenderer,
+    });
+
+    await window.load();
+
+    // Subscribe to receive input updates via message.
+    testRenderer.runReceiveMessageCallback('preview-subscribe', 'inputs');
+
+    await window.reload();
+
+    expect(testRenderer.sendMessageObject).toHaveBeenCalledWith(
+      'test-reload-message',
+      'preview-inputs',
+      { input: { url: 'http://test.local/image.png' } }
+    );
+
+    // Updating internal file input values should not cause a reload.
+    window.setPresentation(
+      createPresentation({
+        applicationVariables: {
+          input: {
+            url: 'http://test.local/image.png',
+            file_upload_id: 'test2',
+          },
+        },
+      }),
+      createPlaylistWindowManagerState(),
+      createRuleEngineState()
+    );
+
+    await window.reload();
+
+    // sendMessageObject should not be called again for the same inputs.
+    expect(testRenderer.sendMessageObject).toHaveBeenCalledTimes(1);
+  });
+
+  test('sends create object url message', async () => {
+    const testRenderer = createRenderer();
+
+    const window = createPresentationWindow({
+      windowId: 'test-object-url',
+      presentation: createPresentation(),
+      applicationVersion: createApplicationVersion({
+        embeddedUrlFormat: 'http://test.local/:input',
+      }),
+      renderer: testRenderer,
+    });
+
+    await window.load();
+
+    const createObjectUrlPromise = window.createObjectURL(new Blob(['test']));
+
+    // Wait for the createObjectURL call to be sent to the renderer.
+    await delay(100);
+
+    expect(testRenderer.sendMessageObject).toHaveBeenCalledWith(
+      'test-object-url',
+      'create-object-url',
+      { requestId: expect.any(String), buffer: expect.any(ArrayBuffer) }
+    );
+
+    // Extract the requestId from the call to the renderer.
+    const { requestId } = testRenderer.sendMessageObject.mock.calls[0][2];
+
+    testRenderer.runReceiveMessageCallback('create-object-url-result', {
+      requestId,
+      url: 'http://test.local/blob',
+    });
+
+    const result = await createObjectUrlPromise;
+    expect(result).toBe('http://test.local/blob');
+  });
+});
+
+// TODO: Backfill tests for all legacy and embedded apps.