dialog.test.ts

import { afterAll, afterEach, beforeAll, describe, expect, test } from "vitest";
import { collectCLIOutput, normalizeOutput } from "../../../cli/test-util";
import { printSummary, printWelcomeMessage } from "../dialog";
import type { C3Context } from "types";

describe("dialog helpers", () => {
	const std = collectCLIOutput();
	const originalColumns = process.stdout.columns;

	beforeAll(() => {
		process.stdout.columns = 60;
	});

	afterAll(() => {
		process.stdout.columns = originalColumns;
	});

	test("printWelcomeMessage with telemetry disabled", () => {
		printWelcomeMessage("0.0.0", false);

		expect(normalizeOutput(std.out)).toMatchInlineSnapshot(`
			"────────────────────────────────────────────────────────────
			👋 Welcome to create-cloudflare v0.0.0!
			🧡 Let's get started.
			────────────────────────────────────────────────────────────

			"
		`);
	});

	test("printWelcomeMessage with telemetry enabled", () => {
		printWelcomeMessage("0.0.0", true);

		expect(normalizeOutput(std.out)).toMatchInlineSnapshot(`
			"────────────────────────────────────────────────────────────
			👋 Welcome to create-cloudflare v0.0.0!
			🧡 Let's get started.
			📊 Cloudflare collects telemetry about your usage of Create-Cloudflare.

			Learn more at: https://github.com/cloudflare/workers-sdk/blob/main/packages/create-cloudflare/telemetry.md
			────────────────────────────────────────────────────────────

			"
		`);
	});

	describe("printSummary", () => {
		const ctx: C3Context = {
			project: { name: "test-project", path: "./workspace" },
			args: {
				projectName: "test-project",
			},
			template: {
				configVersion: 1,
				id: "test",
				displayName: "display-name",
				platform: "workers",
			},
			account: {
				id: "account-id",
				name: "account-name",
			},
			deployment: {
				url: "https://example.test.workers.dev",
			},
			originalCWD: "./workspace",
			gitRepoAlreadyExisted: false,
		};

		let originalStdoutColumns: number;

		beforeAll(() => {
			originalStdoutColumns = process.stdout.columns;
		});

		afterEach(() => {
			process.stdout.columns = originalStdoutColumns;
		});

		test("with deploy", async () => {
			await printSummary(ctx);

			expect(normalizeOutput(std.out)).toMatchInlineSnapshot(`
				"────────────────────────────────────────────────────────────
				🎉  SUCCESS  Application deployed successfully!

				🔍 View Project
				Visit: https://example.test.workers.dev
				Dash: https://dash.cloudflare.com/?to=/:account/workers/services/view/test-project

				💻 Continue Developing
				Start dev server: pnpm run start
				Deploy again: pnpm run deploy

				📖 Explore Documentation
				https://developers.cloudflare.com/workers

				🐛 Report an Issue
				https://github.com/cloudflare/workers-sdk/issues/new/choose

				💬 Join our Community
				https://discord.cloudflare.com
				────────────────────────────────────────────────────────────

				"
			`);
		});

		test("with no deploy", async () => {
			await printSummary({
				...ctx,
				account: undefined,
				deployment: {},
				project: { name: "test-project", path: "./example" },
				template: {
					...ctx.template,
					platform: "pages",
				},
			});

			expect(normalizeOutput(std.out)).toMatchInlineSnapshot(`
				"────────────────────────────────────────────────────────────
				🎉  SUCCESS  Application created successfully!

				💻 Continue Developing
				Change directories: cd ../example
				Start dev server: pnpm run start
				Deploy: pnpm run deploy

				📖 Explore Documentation
				https://developers.cloudflare.com/pages

				🐛 Report an Issue
				https://github.com/cloudflare/workers-sdk/issues/new/choose

				💬 Join our Community
				https://discord.cloudflare.com
				────────────────────────────────────────────────────────────

				"
			`);
		});
	});
});