{D.DESCRIPTION}
-preview
", css: ".c{}" }); - vi.useFakeTimers(); -}); - -afterEach(() => { - vi.useRealTimers(); -}); - -describe("useResumeDiffPreview", () => { - it("成功: baseline と編集中の HTML を取得する", async () => { - const { result } = renderHook(() => useResumeDiffPreview(validForm, baseline, true)); - await act(async () => { - await vi.advanceTimersByTimeAsync(350); - }); - expect(result.current.baselineHtml).toBe("preview
"); - expect(result.current.editedHtml).toBe("preview
"); - expect(result.current.css).toBe(".c{}"); - expect(result.current.error).toBeNull(); - }); - - it("失敗: 取得が reject したらエラーメッセージを立てる", async () => { - mockPreview.mockRejectedValue(new Error("取得失敗")); - const { result } = renderHook(() => useResumeDiffPreview(validForm, baseline, true)); - await act(async () => { - await vi.advanceTimersByTimeAsync(350); - }); - expect(result.current.error).toBe("取得失敗"); - expect(result.current.editedHtml).toBeNull(); - }); - - it("入力不正: payload 化できない form はエラーを立て API を呼ばない", async () => { - const invalidForm: CareerFormState = { ...validForm, full_name: "" }; - const { result } = renderHook(() => useResumeDiffPreview(invalidForm, baseline, true)); - await act(async () => { - await vi.advanceTimersByTimeAsync(350); - }); - expect(result.current.error).toBe(VALIDATION_MESSAGES.FULL_NAME_REQUIRED); - expect(result.current.editedHtml).toBeNull(); - // baseline 側だけ呼ばれ、編集中側（不正）は呼ばれない - expect(mockPreview).toHaveBeenCalledTimes(1); - }); - - it("baseline=null のときは baselineHtml を null にする（古い左ペインを出さない）", async () => { - const { result, rerender } = renderHook( - ({ b }: { b: CareerFormState | null }) => useResumeDiffPreview(validForm, b, true), - { initialProps: { b: baseline as CareerFormState | null } }, - ); - await act(async () => { - await vi.advanceTimersByTimeAsync(350); - }); - expect(result.current.baselineHtml).toBe("preview
"); - - // baseline が無くなったら（未保存化）キャッシュ済みでも null に倒す - rerender({ b: null }); - expect(result.current.baselineHtml).toBeNull(); - }); - - it("無効化中(enabled=false)は何もしない", async () => { - renderHook(() => useResumeDiffPreview(validForm, baseline, false)); - await act(async () => { - await vi.advanceTimersByTimeAsync(350); - }); - expect(mockPreview).not.toHaveBeenCalled(); - }); -}); diff --git a/web/src/hooks/career/useResumeDiffPreview.ts b/web/src/hooks/career/useResumeDiffPreview.ts deleted file mode 100644 index 997a4678..00000000 --- a/web/src/hooks/career/useResumeDiffPreview.ts +++ /dev/null @@ -1,121 +0,0 @@ -import { useEffect, useMemo, useState } from "react"; - -import { getCareerResumePreview, type ResumePreviewResponse } from "../../api/resumes"; -import type { ResumeCreate } from "../../api/types"; -import { FALLBACK_MESSAGES } from "../../constants/messages"; -import { buildCareerPayload, type CareerFormState } from "../../payloadBuilders"; - -/** 左右 diff プレビューの取得状態。 */ -export type ResumeDiffPreview = { - /** 左ペイン（保存済み）の整形 HTML。未保存・取得不可なら null。 */ - baselineHtml: string | null; - /** 右ペイン（編集中）の整形 HTML。取得前・エラー時は null。 */ - editedHtml: string | null; - /** iframe に流し込む画面用 CSS（baseline / edited で共通）。 */ - css: string; - /** 編集中プレビューの取得中フラグ。 */ - loading: boolean; - /** 取得失敗・入力不正のメッセージ。 */ - error: string | null; -}; - -/** - * 編集中プレビュー再取得の遅延。diff モーダル表示中に form が変わるのはロールバック操作のみで、 - * 連続入力は発生しないため即時反映（0ms）にする。setTimeout 自体は effect 本体での同期 setState を - * 避ける（react-hooks/set-state-in-effect 回避）目的で残す。 - */ -const EDITED_DEBOUNCE_MS = 0; - -/** form/baseline を payload 化する（render 中に評価し、effect 内の同期 setState を避ける）。 */ -function toPayload(state: CareerFormState | null): { payload?: ResumeCreate; error?: string } { - if (!state) return {}; - try { - return { payload: buildCareerPayload(state) }; - } catch (e) { - return { error: e instanceof Error ? e.message : FALLBACK_MESSAGES.PREVIEW }; - } -} - -/** - * baseline（保存済み）と form（編集中）を backend のプレビュー API で整形 HTML 化するフック。 - * - * - baseline はモーダルを開いている間不変なので、開いた時に 1 回だけ取得する。 - * - form はロールバックで変わるため、その都度（即時に）再取得して右ペインへ反映する。 - * - payload 化できない（未保存の空 baseline・入力不正）場合はクラッシュせず安全側に倒す - * （baseline=null 表示 / form=エラーメッセージ）。payload 化は render 中（useMemo）で評価する。 - */ -export function useResumeDiffPreview( - form: CareerFormState, - baseline: CareerFormState | null, - enabled: boolean, -): ResumeDiffPreview { - const [baselinePreview, setBaselinePreview] = useState| env | ' + - '