test(create-cli): add test for preview

Author: wmertens

e2e/qwik-cli-e2e/tests/serve.spec.ts

@@ -11,7 +11,7 @@ import {
 import { existsSync, readFileSync, writeFileSync } from 'fs';
 import { join } from 'path';
 
-const SERVE_PORT = 3535;
+let SERVE_PORT = 3535;
 beforeAll(() => {
   const config = scaffoldQwikProject();
   global.tmpDir = config.tmpDir;
@@ -43,6 +43,25 @@ test(
   }
 );
 
+test('Should preview the app', { timeout: DEFAULT_TIMEOUT }, async () => {
+  // the port doesn't clear immediately after the previous test
+  SERVE_PORT++;
+  const host = `http://localhost:${SERVE_PORT}/`;
+  await assertHostUnused(host);
+  const p = await runCommandUntil(
+    `npm run preview -- --port ${SERVE_PORT}`,
+    global.tmpDir,
+    (output) => {
+      return output.includes(host);
+    }
+  );
+  assert.equal(existsSync(global.tmpDir), true);
+
+  await expectHtmlOnARootPage(host);
+
+  await promisifiedTreeKill(p.pid!, 'SIGKILL');
+});
+
 async function expectHtmlOnARootPage(host: string) {
   expect((await getPageHtml(host)).querySelector('.container h1')?.textContent).toBe(
     `So fantasticto have you here`