@simplysm/sd-cli 14.0.42 → 14.0.43

package/tests/utils/esbuild-client-config.spec.ts

@@ -16,24 +16,17 @@ vi.mock("esbuild", () => ({
   },
 }));
 
-const mockSourceFileCache = {
-  loadResultCache: { name: "mockLoadResultCache" },
-  invalidate: vi.fn(),
-  modifiedFiles: new Set<string>(),
-};
+const mockAngularPlugin = { name: "sd-angular-compiler" };
 
-const mockAngularPlugin = { name: "angular-compiler" };
+vi.mock("../../src/esbuild/esbuild-angular-compiler-plugin", () => ({
+  createAngularCompilerPlugin: vi.fn(() => mockAngularPlugin),
+}));
 
-vi.mock("@angular/build/private", () => {
-  // vi.fn()의 arrow function은 new로 호출 불가 — 일반 function 사용
-  function MockSourceFileCache() {
-    return mockSourceFileCache;
-  }
-  return {
-    createCompilerPlugin: vi.fn(() => mockAngularPlugin),
-    SourceFileCache: vi.fn(MockSourceFileCache),
-  };
-});
+const mockTransformStylesheet = vi.fn();
+
+vi.mock("../../src/angular/client-transform-stylesheet", () => ({
+  createClientTransformStylesheet: vi.fn(() => mockTransformStylesheet),
+}));
 
 vi.mock("browserslist-to-esbuild", () => ({
   default: vi.fn(() => ["chrome61"]),
@@ -54,11 +47,16 @@ vi.mock("module", async (importOriginal) => {
 
 // --- Imports (after mocks) ---
 
-const { createClientEsbuildContext } = await import(
+const { createClientEsbuildContext, ClientSourceFileCache } = await import(
   "../../src/esbuild/esbuild-client-config"
 );
 const esbuild = (await import("esbuild")).default;
-const { createCompilerPlugin, SourceFileCache } = await import("@angular/build/private");
+const { createAngularCompilerPlugin } = await import(
+  "../../src/esbuild/esbuild-angular-compiler-plugin"
+);
+const { createClientTransformStylesheet } = await import(
+  "../../src/angular/client-transform-stylesheet"
+);
 const browserslistToEsbuild = (await import("browserslist-to-esbuild")).default;
 
 // --- Helpers ---
@@ -140,43 +138,55 @@ describe("createClientEsbuildContext — define 생성", () => {
 describe("createClientEsbuildContext — 소스맵 설정", () => {
   beforeEach(() => vi.clearAllMocks());
 
-  it("dev 모드: esbuild sourcemap=linked, CompilerPlugin sourcemap=true, StyleOptions sourcemap=linked", async () => {
+  it("dev 모드: esbuild sourcemap=linked, AngularCompilerPlugin sourcemap=true", async () => {
     await createClientEsbuildContext(baseDev);
     const opts = vi.mocked(esbuild.context).mock.calls[0][0];
     expect(opts.sourcemap).toBe("linked");
 
-    const [pluginOpts, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
     expect(pluginOpts.sourcemap).toBe(true);
-    expect(styleOpts.sourcemap).toBe("linked");
   });
 
-  it("build 모드: esbuild sourcemap=false, CompilerPlugin sourcemap=false, StyleOptions sourcemap=false", async () => {
+  it("build 모드: esbuild sourcemap=false, AngularCompilerPlugin sourcemap=false", async () => {
     await createClientEsbuildContext(baseBuild);
     const opts = vi.mocked(esbuild.context).mock.calls[0][0];
     expect(opts.sourcemap).toBe(false);
 
-    const [pluginOpts, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
     expect(pluginOpts.sourcemap).toBe(false);
-    expect(styleOpts.sourcemap).toBe(false);
   });
 });
 
-describe("createClientEsbuildContext — PostCSS 설정", () => {
+describe("createClientEsbuildContext — transformStylesheet 설정", () => {
   beforeEach(() => vi.clearAllMocks());
 
-  it("postcssPlugins 미전달 시 postcssConfiguration이 undefined", async () => {
+  it("transformStylesheet 콜백이 createAngularCompilerPlugin에 전달된다", async () => {
+    await createClientEsbuildContext(baseBuild);
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
+    expect(pluginOpts.transformStylesheet).toBe(mockTransformStylesheet);
+  });
+
+  it("stylesheetDependencies와 stylesheetErrors가 createAngularCompilerPlugin에 전달된다", async () => {
     await createClientEsbuildContext(baseBuild);
-    const [, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
-    expect(styleOpts.postcssConfiguration).toBeUndefined();
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
+    expect(pluginOpts.stylesheetDependencies).toBeInstanceOf(Map);
+    expect(pluginOpts.stylesheetErrors).toBeInstanceOf(Array);
   });
 
-  it("postcssPlugins 전달해도 postcssConfiguration은 항상 undefined", async () => {
+  it("postcssPlugins가 createClientTransformStylesheet에 전달된다", async () => {
     await createClientEsbuildContext({
       ...baseBuild,
       postcssPlugins: [["autoprefixer"]],
     });
-    const [, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
-    expect(styleOpts.postcssConfiguration).toBeUndefined();
+    const transformOpts = vi.mocked(createClientTransformStylesheet).mock.calls[0][0];
+    expect(transformOpts.postcssPlugins).toBeDefined();
+    expect(transformOpts.postcssPlugins).toHaveLength(1);
+  });
+
+  it("postcssPlugins 미전달 시 createClientTransformStylesheet에 postcssPlugins가 undefined", async () => {
+    await createClientEsbuildContext(baseBuild);
+    const transformOpts = vi.mocked(createClientTransformStylesheet).mock.calls[0][0];
+    expect(transformOpts.postcssPlugins).toBeUndefined();
   });
 });
 
@@ -232,21 +242,28 @@ describe("createClientEsbuildContext — PostCSS 플러그인 통합", () => {
   });
 });
 
-describe("createClientEsbuildContext — SourceFileCache", () => {
+describe("createClientEsbuildContext — ClientSourceFileCache", () => {
   beforeEach(() => vi.clearAllMocks());
 
-  it("SourceFileCache가 .angular/cache 경로로 생성됨", async () => {
-    await createClientEsbuildContext(baseDev);
-    expect(SourceFileCache).toHaveBeenCalledWith(
-      path.join("/workspace/packages/my-app", ".angular", "cache"),
-    );
+  it("반환된 sourceFileCache가 ClientSourceFileCache 인스턴스", async () => {
+    const result = await createClientEsbuildContext(baseDev);
+    expect(result.sourceFileCache).toBeInstanceOf(ClientSourceFileCache);
+  });
+
+  it("sourceFileCache의 typeScriptFileCache와 loadResultCache가 AngularCompilerPlugin에 전달됨", async () => {
+    const result = await createClientEsbuildContext(baseDev);
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
+    expect(pluginOpts.sourceFileCache).toBe(result.sourceFileCache);
+    expect(pluginOpts.typeScriptFileCache).toBe(result.sourceFileCache.typeScriptFileCache);
+    expect(pluginOpts.loadResultCache).toBe(result.sourceFileCache.loadResultCache);
   });
 
-  it("sourceFileCache와 loadResultCache가 CompilerPluginOptions에 전달됨", async () => {
+  it("persistentCachePath가 .angular/cache 경로로 전달됨", async () => {
     await createClientEsbuildContext(baseDev);
-    const [pluginOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
-    expect(pluginOpts.sourceFileCache).toBe(mockSourceFileCache);
-    expect(pluginOpts.loadResultCache).toBe(mockSourceFileCache.loadResultCache);
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
+    expect(pluginOpts.persistentCachePath).toBe(
+      path.join("/workspace/packages/my-app", ".angular", "cache"),
+    );
   });
 });
 
@@ -258,7 +275,7 @@ describe("createClientEsbuildContext — 추가 옵션", () => {
       ...baseDev,
       tsconfig: "/workspace/packages/my-app/tsconfig.build.json",
     });
-    const [pluginOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
     expect(pluginOpts.tsconfig).toBe(
       "/workspace/packages/my-app/tsconfig.build.json",
     );
@@ -283,13 +300,13 @@ describe("createClientEsbuildContext — 추가 옵션", () => {
     expect(opts.plugins).toContainEqual(customPlugin);
   });
 
-  it("templateUpdates가 CompilerPluginOptions에 전달됨", async () => {
+  it("templateUpdates가 AngularCompilerPluginOptions에 전달됨", async () => {
     const updates = new Map([["comp1", "template1"]]);
     await createClientEsbuildContext({
       ...baseDev,
       templateUpdates: updates,
     });
-    const [pluginOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
+    const pluginOpts = vi.mocked(createAngularCompilerPlugin).mock.calls[0][0];
     expect(pluginOpts.templateUpdates).toBe(updates);
   });
 });
@@ -303,10 +320,13 @@ describe("createClientEsbuildContext — browserslist → target 변환", () =>
     expect(opts.target).toEqual(["es2022"]);
   });
 
-  it("browserslist 미설정 시 BundleStylesheetOptions.target이 [es2022]", async () => {
+  it("browserslist 미설정 시 createClientTransformStylesheet의 loadPaths가 설정됨", async () => {
     await createClientEsbuildContext(baseDev);
-    const [, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
-    expect(styleOpts.target).toEqual(["es2022"]);
+    const transformOpts = vi.mocked(createClientTransformStylesheet).mock.calls[0][0];
+    expect(transformOpts.loadPaths).toEqual([
+      path.join("/workspace/packages/my-app", "node_modules"),
+      path.join("/workspace", "node_modules"),
+    ]);
   });
 
   it("browserslist 문자열은 배열로 변환하여 browserslistToEsbuild에 전달", async () => {
@@ -324,16 +344,14 @@ describe("createClientEsbuildContext — browserslist → target 변환", () =>
     expect(browserslistToEsbuild).toHaveBeenCalledWith(["Chrome 61", "Firefox 60"]);
   });
 
-  it("browserslistToEsbuild 결과가 esbuild target과 styleOptions.target에 동일하게 적용", async () => {
+  it("browserslistToEsbuild 결과가 esbuild target에 적용", async () => {
     vi.mocked(browserslistToEsbuild).mockReturnValueOnce(["chrome61", "firefox60"]);
     await createClientEsbuildContext({
       ...baseDev,
       browserslist: ["Chrome 61", "Firefox 60"],
     });
     const opts = vi.mocked(esbuild.context).mock.calls[0][0];
-    const [, styleOpts] = vi.mocked(createCompilerPlugin).mock.calls[0];
     expect(opts.target).toEqual(["chrome61", "firefox60"]);
-    expect(styleOpts.target).toEqual(["chrome61", "firefox60"]);
   });
 });
 
@@ -448,7 +466,7 @@ describe("createClientEsbuildContext — onEnd 플러그인", () => {
     const opts = vi.mocked(esbuild.context).mock.calls[0][0];
     const pluginNames = opts.plugins!.map((p: any) => p.name);
     const customIdx = pluginNames.indexOf("custom");
-    const angularIdx = pluginNames.indexOf("angular-compiler");
+    const angularIdx = pluginNames.indexOf("sd-angular-compiler");
     expect(customIdx).toBeLessThan(angularIdx);
   });
 });
@@ -493,7 +511,7 @@ describe("createClientEsbuildContext — SCSS 플러그인 통합", () => {
     const opts = vi.mocked(esbuild.context).mock.calls[0][0];
     const pluginNames = opts.plugins!.map((p: any) => p.name);
 
-    const angularIdx = pluginNames.indexOf("angular-compiler");
+    const angularIdx = pluginNames.indexOf("sd-angular-compiler");
     const scssIdx = pluginNames.indexOf("sd-scss");
 
     expect(scssIdx).toBe(angularIdx + 1);

package/tests/utils/ngtsc-build-core-write-emit.spec.ts

@@ -22,7 +22,7 @@ describe("writeEmitResults", () => {
   });
 
   it("emitResults를 output-path-rewriting 적용하여 파일로 쓴다", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     // Simulate nested output: dist/my-pkg/src/index.js
@@ -40,7 +40,7 @@ describe("writeEmitResults", () => {
   });
 
   it("output-path-rewriter가 null을 반환하면 파일을 쓰지 않는다", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     // Nested output from OTHER package: dist/other-pkg/src/index.js
@@ -59,7 +59,7 @@ describe("writeEmitResults", () => {
   });
 
   it("이미 flat 구조인 경로는 그대로 쓴다", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     const flatPath = path.join(distDir, "index.js");
@@ -74,7 +74,7 @@ describe("writeEmitResults", () => {
   });
 
   it("디렉��리가 없으면 ��동 생성한다", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     // Nested path under new subdirectory
@@ -109,7 +109,7 @@ describe("writeEmitResults with side-effect SCSS", () => {
   });
 
   it("compiles side-effect SCSS to CSS and rewrites import path in JS", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     // Create source SCSS file
     const scssPath = path.join(srcDir, "ui", "layout", "sd-flex.scss");
@@ -149,7 +149,7 @@ describe("writeEmitResults with side-effect SCSS", () => {
 
   // Acceptance: Scenario "SCSS @use 의존성 해석"
   it("resolves SCSS @use dependencies via loadPaths", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     // Create SCSS load path with a shared variables file
     const scssLoadDir = path.join(pkgDir, "scss");
@@ -194,7 +194,7 @@ describe("writeEmitResults with side-effect SCSS", () => {
 
   // Acceptance: Scenario "SCSS 컴파일 에러"
   it("reports SCSS compilation error in scssErrors", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     // Create SCSS file with syntax error
     const scssPath = path.join(srcDir, "ui", "layout", "broken.scss");
@@ -224,7 +224,7 @@ describe("writeEmitResults with side-effect SCSS", () => {
 
   // Acceptance: Scenario "참조하는 SCSS 파일이 존재하지 않음"
   it("reports error when referenced SCSS file does not exist", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     const jsPath = path.join(distDir, "my-pkg", "src", "ui", "layout", "missing.directive.js");
@@ -267,7 +267,7 @@ describe("writeEmitResults with registry", () => {
   });
 
   it("registers side-effect SCSS entries in registry when provided", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     // Create source SCSS file
     const scssPath = path.join(srcDir, "ui", "layout", "sd-flex.scss");
@@ -304,7 +304,7 @@ describe("writeEmitResults with registry", () => {
   });
 
   it("clears stale registry entries for re-emitted source file before registering new ones", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const scssPath = path.join(srcDir, "ui", "layout", "sd-flex.scss");
     fs.writeFileSync(scssPath, ".sd-flex { display: flex; }", "utf-8");
@@ -345,7 +345,7 @@ describe("writeEmitResults with registry", () => {
   });
 
   it("removes registry entry when source file is re-emitted without SCSS imports", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     const sourceFileName = path.join(srcDir, "ui", "layout", "sd-flex.directive.ts");
@@ -382,7 +382,7 @@ describe("writeEmitResults with registry", () => {
   });
 
   it("preserves registry entries for non-emitted source files", async () => {
-    const { writeEmitResults } = await import("../../src/angular/angular-build-pipeline");
+    const { writeEmitResults } = await import("../../src/angular/ngtsc-build-core");
 
     const distDir = path.join(pkgDir, "dist");
     const sourceFileA = path.join(srcDir, "ui", "layout", "sd-flex.directive.ts");

package/tests/utils/ngtsc-build-core.spec.ts

@@ -87,17 +87,10 @@ vi.mock("../../src/angular/angular-build", () => {
   };
 });
 
-const {
-  buildScssLoadPaths,
-} = await import("../../src/angular/ngtsc-build-core");
 const {
   createLibraryTransformStylesheet,
-} = await import("../../src/angular/angular-build-pipeline");
-
-import { join } from "node:path";
+} = await import("../../src/angular/ngtsc-build-core");
 
-const fakeCwd = "/workspace";
-const fakePkgDir = "/workspace/packages/my-angular-lib";
 
 // ─── createLibraryTransformStylesheet ───
 
@@ -193,39 +186,3 @@ describe("createLibraryTransformStylesheet", () => {
   });
 });
 
-// ─── buildScssLoadPaths ───
-
-describe("buildScssLoadPaths", () => {
-  it("returns [pkgDir/scss, cwd/node_modules] for given NgtscBuildInfo", () => {
-    const info = {
-      name: "my-angular-lib",
-      cwd: fakeCwd,
-      pkgDir: fakePkgDir,
-      output: { js: true, dts: false },
-    };
-
-    const result = buildScssLoadPaths(info);
-
-    expect(result).toEqual([
-      join(fakePkgDir, "scss"),
-      join(fakeCwd, "node_modules"),
-    ]);
-  });
-
-  it("uses cwd from info to construct node_modules path", () => {
-    const customCwd = "/custom/workspace";
-    const customPkgDir = "/custom/workspace/packages/my-pkg";
-
-    const result = buildScssLoadPaths({
-      name: "test",
-      cwd: customCwd,
-      pkgDir: customPkgDir,
-      output: { js: true, dts: false },
-    });
-
-    expect(result).toEqual([
-      join(customPkgDir, "scss"),
-      join(customCwd, "node_modules"),
-    ]);
-  });
-});

package/tests/utils/output-utils.spec.ts

@@ -1,32 +1,112 @@
 import { describe, it, expect, vi, beforeEach } from "vitest";
 import { consola } from "consola";
-import { formatBuildMessages, printErrors, printServers } from "../../src/utils/output-utils";
 import type { BuildResult } from "../../src/runtime/ResultCollector";
+import type { PartialMessage } from "esbuild";
+
+// output-utils.ts가 모듈 로드 시 consola.withTag("sd:cli:output")로 로거를 생성하므로,
+// withTag가 consola 자체를 반환하도록 하여 기존 스파이가 태그 로거 호출을 캡처하게 한다.
+vi.mock("consola", async (importOriginal) => {
+  const mod = await importOriginal<typeof import("consola")>();
+  const orig = mod.consola;
+  vi.spyOn(orig, "withTag").mockReturnValue(orig);
+  return { consola: orig };
+});
+
+const { formatBuildMessages, formatEsbuildMessages, printDiagnostics, printServers } =
+  await import("../../src/utils/output-utils");
 
 vi.spyOn(consola, "error").mockImplementation(() => {});
+vi.spyOn(consola, "warn").mockImplementation(() => {});
 vi.spyOn(consola, "info").mockImplementation(() => {});
 
 describe("formatBuildMessages", () => {
   it("formats name, label, and messages into indented lines", () => {
     const result = formatBuildMessages("core", "node", ["error in file.ts"]);
-    expect(result).toBe("core (node)\n  → error in file.ts");
+    expect(result).toBe("core (node)\n  error in file.ts");
   });
 
   it("splits multiline messages into separate indented lines", () => {
     const result = formatBuildMessages("core", "node", ["line1\nline2"]);
-    expect(result).toContain("→ line1");
-    expect(result).toContain("→ line2");
+    expect(result).toContain("  line1");
+    expect(result).toContain("  line2");
   });
 
   it("handles multiple messages", () => {
     const result = formatBuildMessages("core", "node", ["err1", "err2"]);
     expect(result).toContain("core (node)");
-    expect(result).toContain("→ err1");
-    expect(result).toContain("→ err2");
+    expect(result).toContain("  err1");
+    expect(result).toContain("  err2");
+  });
+
+  it("preserves empty lines without arrow prefix", () => {
+    const result = formatBuildMessages("core", "node", ["line1\n\nline3"]);
+    const lines = result.split("\n");
+    expect(lines[0]).toBe("core (node)");
+    expect(lines[1]).toBe("  line1");
+    expect(lines[2]).toBe("");
+    expect(lines[3]).toBe("  line3");
   });
 });
 
-describe("printErrors", () => {
+describe("formatEsbuildMessages", () => {
+  it("빈 배열이면 빈 배열을 반환한다", () => {
+    expect(formatEsbuildMessages([], "error")).toEqual([]);
+  });
+
+  it("location이 없는 에러 메시지를 포맷한다", () => {
+    const msgs: PartialMessage[] = [{ text: "Some global error" }];
+    const result = formatEsbuildMessages(msgs, "error");
+    expect(result).toHaveLength(1);
+    expect(result[0]).toContain("Some global error");
+    expect(result[0]).not.toContain("[ERROR]");
+  });
+
+  it("location이 있으면 파일 경로와 코드 컨텍스트를 포함한다", () => {
+    const msgs: PartialMessage[] = [{
+      text: "Property 'id' does not exist",
+      location: {
+        file: "src/app/page.ts",
+        line: 10,
+        column: 4,
+        length: 2,
+        lineText: "    item.id;",
+      },
+    }];
+    const result = formatEsbuildMessages(msgs, "error");
+    expect(result).toHaveLength(1);
+    expect(result[0]).toContain("src/app/page.ts");
+    expect(result[0]).toContain("Property 'id' does not exist");
+  });
+
+  it("notes를 포함한다", () => {
+    const msgs: PartialMessage[] = [{
+      text: "Build failed",
+      notes: [{ text: "hint message" }],
+    }];
+    const result = formatEsbuildMessages(msgs, "error");
+    expect(result[0]).toContain("hint message");
+  });
+
+  it("warning kind에서 [WARNING] 접두사를 제거한다", () => {
+    const msgs: PartialMessage[] = [{ text: "Unused variable" }];
+    const result = formatEsbuildMessages(msgs, "warning");
+    expect(result[0]).not.toContain("[WARNING]");
+    expect(result[0]).toContain("Unused variable");
+  });
+
+  it("여러 메시지를 각각 포맷한다", () => {
+    const msgs: PartialMessage[] = [
+      { text: "Error A" },
+      { text: "Error B" },
+    ];
+    const result = formatEsbuildMessages(msgs, "error");
+    expect(result).toHaveLength(2);
+    expect(result[0]).toContain("Error A");
+    expect(result[1]).toContain("Error B");
+  });
+});
+
+describe("printDiagnostics", () => {
   beforeEach(() => {
     vi.clearAllMocks();
   });
@@ -35,7 +115,7 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["core:build", { name: "core", target: "node", type: "build", status: "error", message: "failed" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
     expect(consola.error).toHaveBeenCalledOnce();
   });
 
@@ -43,7 +123,7 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["core:build", { name: "core", target: "node", type: "build", status: "error" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
     expect(consola.error).toHaveBeenCalledOnce();
   });
 
@@ -51,7 +131,7 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["core:build", { name: "core", target: "node", type: "build", status: "success" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
     expect(consola.error).not.toHaveBeenCalled();
   });
 
@@ -61,7 +141,7 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["my-server:lint", { name: "my-server", target: "server", type: "lint", status: "error", message: "no-unused-vars" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
     const callArg = vi.mocked(consola.error).mock.calls[0][0] as string;
     expect(callArg).toContain("my-server (lint)");
   });
@@ -70,7 +150,7 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["core:build", { name: "core-common", target: "node", type: "build", status: "error", message: "build err" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
     const callArg = vi.mocked(consola.error).mock.calls[0][0] as string;
     expect(callArg).toContain("core-common (node)");
   });
@@ -79,8 +159,48 @@ describe("printErrors", () => {
     const results = new Map<string, BuildResult>([
       ["core:lint", { name: "core-common", target: "node", type: "lint", status: "success" }],
     ]);
-    printErrors(results);
+    printDiagnostics(results);
+    expect(consola.error).not.toHaveBeenCalled();
+  });
+
+  //#endregion
+
+  //#region Feature 1.1 Slice 2: printDiagnostics() 경고 출력 확장
+
+  it("prints warnings with consola.warn", () => {
+    const results = new Map<string, BuildResult>([
+      ["core:build", { name: "core", target: "node", type: "build", status: "success", warnings: "unused var" }],
+    ]);
+    printDiagnostics(results);
+    expect(consola.error).not.toHaveBeenCalled();
+    expect(consola.warn).toHaveBeenCalledOnce();
+    const callArg = vi.mocked(consola.warn).mock.calls[0][0] as string;
+    expect(callArg).toContain("core (node)");
+    expect(callArg).toContain("unused var");
+  });
+
+  it("prints errors before warnings", () => {
+    const results = new Map<string, BuildResult>([
+      ["core:build", { name: "core", target: "node", type: "build", status: "error", message: "type error" }],
+      ["lib:build", { name: "lib", target: "browser", type: "build", status: "success", warnings: "deprecation" }],
+    ]);
+    printDiagnostics(results);
+    expect(consola.error).toHaveBeenCalledOnce();
+    expect(consola.warn).toHaveBeenCalledOnce();
+
+    // error가 warn보다 먼저 호출되었는지 확인
+    const errorOrder = vi.mocked(consola.error).mock.invocationCallOrder[0];
+    const warnOrder = vi.mocked(consola.warn).mock.invocationCallOrder[0];
+    expect(errorOrder).toBeLessThan(warnOrder);
+  });
+
+  it("does not print warnings when there are none", () => {
+    const results = new Map<string, BuildResult>([
+      ["core:build", { name: "core", target: "node", type: "build", status: "success" }],
+    ]);
+    printDiagnostics(results);
     expect(consola.error).not.toHaveBeenCalled();
+    expect(consola.warn).not.toHaveBeenCalled();
   });
 
   //#endregion

package/tests/utils/replace-deps-watch.acc.spec.ts

@@ -32,7 +32,13 @@ describe("watchReplaceDeps onChanged 콜백", () => {
     tmpDir = await fs.promises.mkdtemp(path.join(os.tmpdir(), "sd-replace-deps-"));
 
     // 소스 패키지 생성
-    const sourceDir = path.join(tmpDir, "source-pkg", "src");
+    const sourcePkg = path.join(tmpDir, "source-pkg");
+    await fs.promises.mkdir(sourcePkg, { recursive: true });
+    await fs.promises.writeFile(
+      path.join(sourcePkg, "package.json"),
+      JSON.stringify({ name: "@test/pkg", files: ["src"] }),
+    );
+    const sourceDir = path.join(sourcePkg, "src");
     await fs.promises.mkdir(sourceDir, { recursive: true });
     await fs.promises.writeFile(path.join(sourceDir, "index.ts"), "export const a = 1;");