演題登録システム (endai-system)

1. E2Eテスト実装状況

1.1 テスト環境

1.2 テスト結果サマリ

1.3 ユーザー登録テスト

ファイル: e2e/registration.spec.ts

テスト用メールアドレス生成

// Gmailエイリアス機能を使用してユニークなアドレスを生成
function generateTestEmail() {
  const timestamp = Date.now();
  const baseEmail = process.env.E2E_AUTHOR_EMAIL ?? "example@gmail.com";
  const [localPart, domain] = baseEmail.split("@");
  return `${localPart}+e2e${timestamp}@${domain}`;
}

1.4 演題投稿テスト

ファイル: e2e/abstract-submission.spec.ts

2. 技術的制約とリミテーション

2.1 Supabaseの制約

2.1.1 メール送信レート制限（重要）

影響を受ける機能:

• ユーザー登録（確認メール）
• パスワードリセット
• メールアドレス変更

対処法:

1. Supabase Dashboard → Authentication → Email Templates → Rate Limitingで制限を緩和
2. 開発環境では「Confirm email」を無効化（推奨しない）
3. 1時間待ってから再試行

// エラーメッセージ
error.message: "email rate limit exceeded"
error.code: "over_email_send_rate_limit"
HTTP Status: 429

2.1.2 RLS（Row Level Security）ポリシー

• USING: 既存行の読み取り/更新/削除条件
• WITH CHECK: 新規行の挿入/更新後の行の検証

-- 正しいUPDATEポリシー例
CREATE POLICY abstracts_update_own ON abstracts
  FOR UPDATE
  TO authenticated
  USING (
    (submitter_id = auth.uid())
    AND (status = ANY (ARRAY['draft'::text, 'revision_requested'::text]))
  )
  WITH CHECK (
    (submitter_id = auth.uid())
  );

2.2 Next.js / Vercelの制約

2.3 テスト環境の制約

3. トラブルシューティングガイド

3.1 エラー対応一覧

-- INSERTポリシーの確認・修正
DROP POLICY IF EXISTS abstracts_insert_own ON abstracts;
CREATE POLICY abstracts_insert_own ON abstracts
  FOR INSERT
  TO authenticated
  WITH CHECK (submitter_id = auth.uid());

-- UPDATEポリシーの確認・修正
DROP POLICY IF EXISTS abstracts_update_own ON abstracts;
CREATE POLICY abstracts_update_own ON abstracts
  FOR UPDATE
  TO authenticated
  USING (
    (submitter_id = auth.uid())
    AND (status = ANY (ARRAY['draft'::text, 'revision_requested'::text]))
  )
  WITH CHECK (
    (submitter_id = auth.uid())
  );

if (error) {
  console.error("[register] Supabase signup error:", error.message, error);
  if (error.message.includes("rate limit") || error.message.includes("too many")) {
    return { error: "リクエストが多すぎます。しばらく待ってから再試行してください。" };
  }
  // ...
}

// 悪い例: テキストが複数箇所に存在
await page.locator('text=理学療法士').click();

// 良い例: roleとhas-textを組み合わせ
await page.locator('[role="option"]:has-text("理学療法士")').click();

// 良い例: first()を使用
await page.locator('text=ログイン').first().click();

// baseEmail: kawaguchi.ns.reha033@gmail.com
// 生成例: kawaguchi.ns.reha033+e2e1706500000@gmail.com
const testEmail = generateTestEmail();

3.2 デバッグ用ログ出力

Server Actions でのエラーログ

// src/lib/actions/auth.ts
if (error) {
  console.error("[register] Supabase signup error:", error.message, error);
  // error オブジェクト全体をログ出力して詳細を確認
}

E2Eテストでのスクリーンショット

// 各ステップでスクリーンショットを保存
await page.screenshot({ path: "e2e/screenshots/step-01.png" });

// エラー時のコンテキストキャプチャ
const errorText = await page.locator(".error-message").textContent();
console.log("Error message:", errorText);

3.3 RLSポリシー確認用SQL

-- 現在のRLSポリシー一覧を確認
SELECT
  schemaname,
  tablename,
  policyname,
  permissive,
  roles,
  cmd,
  qual AS "USING clause",
  with_check AS "WITH CHECK clause"
FROM pg_policies
WHERE tablename = 'abstracts';

4. 変更履歴