tdd

name	tdd
description	TDD（テスト駆動開発）のワークフロー。 新機能やバグ修正の実装時に適用する。 Red → Green → Refactor のサイクルを必ず守る。

TDD ワークフロー

サイクル: Red → Green → Refactor

1. Red — 失敗するテストを先に書く

実装より先にテストを書く。テストが失敗することを確認する。

// まずテストを書く
describe("buildAppliedStyles", () => {
  it("kebab-case の CSS プロパティを camelCase に変換して返す", () => {
    const result = buildAppliedStyles({ "font-size": "16px", "line-height": "1.5" })
    expect(result).toEqual({ fontSize: "16px", lineHeight: "1.5" })
  })

  it("undefined の値を除外する", () => {
    const result = buildAppliedStyles({ "font-size": "16px", color: undefined })
    expect(result).toEqual({ fontSize: "16px" })
  })
})