Move Ably sandbox code to test/lib

I’ll reuse it in the upcoming integration tests.

Author: lawrence-forooghian

test/cdn-bundle/test/cdnBundle.test.ts

@@ -1,5 +1,5 @@
 import { test, expect } from '@playwright/test';
-import { createSandboxAblyAPIKey } from '../lib/ablySandbox.js';
+import { createSandboxAblyAPIKey } from '../../lib/ablySandbox.js';
 
 test.describe('CDN bundle', () => {
   /**

test/cdn-bundle/test_cdn_bundle.ts

@@ -0,0 +1,54 @@
+/*
+ * test_cdn_bundle.ts:
+ *
+ * Tests the bundle that the .github/workflows/cdn.yml workflow will upload to the CDN.
+ *
+ * It does this by checking that a webpage which imports this bundle is able to create and use a Spaces client.
+ */
+
+import playwright from 'playwright';
+import { createSandboxAblyAPIKey } from '../lib/ably_sandbox.js';
+import { startWebServer } from './lib/web_server.js';
+
+async function runTest(testPageURL: URL) {
+  const browser = await playwright.chromium.launch();
+  const page = await browser.newPage();
+
+  page.on('console', (consoleMessage) => {
+    console.log('[browser]', consoleMessage);
+  });
+
+  const pageResultPromise = new Promise<void>((resolve, reject) => {
+    page.exposeFunction('onResult', (error: Error | null) => {
+      if (error) {
+        console.log('Browser returned control to test runner, with error', error);
+        reject(error);
+      } else {
+        console.log('Browser returned control to test runner');
+        resolve();
+      }
+    });
+
+    page.exposeFunction('createSandboxAblyAPIKey', createSandboxAblyAPIKey);
+  });
+
+  console.log('Running test in browser');
+
+  try {
+    await page.goto(testPageURL.toString());
+    await pageResultPromise;
+  } finally {
+    await browser.close();
+  }
+}
+
+(async () => {
+  const port = 4567;
+  const webServer = await startWebServer(port);
+
+  try {
+    await runTest(new URL(`http://localhost:${port}`));
+  } finally {
+    await webServer.stop();
+  }
+})();

test/cdn-bundle/lib/ablySandbox.ts renamed to test/lib/ablySandbox.ts

@@ -1,5 +1,5 @@
 import https from 'node:https';
-import testAppSetup from '../../ably-common/test-resources/test-app-setup.json';
+import testAppSetup from '../ably-common/test-resources/test-app-setup.json';
 
 export interface TestApp {
   keys: TestAppKey[];

test/lib/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "resolveJsonModule": true
+  }
+}