掲載済み (2026-08-22号)
173 129文字 • 1分

Sandboxテスト 〜フロントエンドとAI時代の変化の激しさへの挑戦〜

日本語

掲載情報

概要

SmartHRがNext.jsとOpenAPI/Prismを組み合わせ、AI時代に適応するポータビリティの高いフロントエンド結合テスト「Sandboxテスト」を構築した手法とその課題。

詳細内容

SmartHRのAIアシスタント開発チームによる、フロントエンドに閉じた結合テスト「Sandboxテスト」の導入事例。バックエンドにRailsを用いつつ、テスト実行時はPrismによるOpenAPIモックサーバーを利用。Next.jsのApp Router環境(RSC/Server Functions)において、PlaywrightからCookie経由でモック設定を渡し、Node.js側のglobalThis.fetchをインターセプトしてリクエストを制御する独自の仕組みを構築している。AIによるコード生成やフレームワークの変化が激しい現状に対し、コンポーネント単位の微細なテストよりも、アプリケーションの振る舞いを抽象化して担保する「ポータビリティ」を重視した戦略が語られている。