3pxのズレをAIに4回直させて4回とも外した — 視覚バグをrectで検証してはいけない理由

AIエージェントが生成したコードの「All tests passed」を鵜呑みにせず確認すべき5項目を解説。テストが通っても要件を満たしていない可能性や、誤ったテストケースの危険性を指摘。

• CSSの視覚的なズレを`getBoundingClientRect()`で検証したところ、4回修正を試みて4回とも誤判定してしまった。
• AIエージェントは数式やテストコードを生成できるが、期待値モデルの誤りを検知する能力に限界があることが判明した。
• `getBoundingClientRect()`の座標が一致しても、実際の描画位置とズレるケースが存在し、ピクセル単位の正確な描画検証には限界があった。
• レイアウト層・描画層・切り分け層の3層で検証するプロトコルを導入した結果、誤差0.5px以内で1回で解決した。