test: add integration test for complete event

digitalsadhu · digitalsadhu · commit da5eb0b7936c · 2024-09-23T15:53:48.000+12:00
diff --git a/tests/integration.basic.test.js b/tests/integration.basic.test.js
@@ -624,3 +624,66 @@ tap.test('integration - 103 early hints disabled', async (t) => {
 
     await server.close();
 });
+
+tap.test(
+    'integration - 103 early hints used to build a document head',
+    async (t) => {
+        t.plan(1);
+        const header = new PodletServer({
+            name: 'header',
+            assets: {
+                js: '/header/bar.js',
+                css: '/header/bar.css',
+            },
+        });
+        const footer = new PodletServer({
+            name: 'footer',
+            assets: {
+                js: '/footer/bar.js',
+                css: '/footer/bar.css',
+            },
+        });
+
+        const service = await Promise.all([header.listen(), footer.listen()]);
+
+        const client = new Client({ name: 'podiumClient' });
+
+        const headerClient = client.register(service[0].options);
+        const footerClient = client.register(service[1].options);
+
+        const incoming = new HttpIncoming({ headers });
+
+        incoming.hints.once('complete', ({ js, css }) => {
+            const documentHead = `
+            <html>
+              <head>
+                ${css.map((style) => style.toHTML()).join('')}
+                ${js.map((script) => script.toHTML()).join('')}
+              </head>
+              <body>
+          `;
+
+            t.equal(
+                documentHead.trim().replace(/>\s*</g, '><'),
+                `<html>
+                  <head>
+                    <link href="/header/bar.css" type="text/css" rel="stylesheet">
+                    <link href="/footer/bar.css" type="text/css" rel="stylesheet">
+                    <script src="/header/bar.js"></script>
+                    <script src="/footer/bar.js"></script>
+                  </head>
+                  <body>`
+                    .trim()
+                    .replace(/>\s*</g, '><'),
+            );
+            t.end();
+        });
+
+        await Promise.all([
+            headerClient.fetch(incoming),
+            footerClient.fetch(incoming),
+        ]);
+
+        await Promise.all([header.close(), footer.close()]);
+    },
+);
