Feature
用語詳細ページ 14 Scenarios
Term Detail Page
Background
背景（各シナリオの共通前提）
Given
用語集に用語が登録されている
And
一般ユーザーとしてトップページを開いている
Scenarios
01
Scenario
用語一覧から詳細ページへ遷移する
When
用語一覧の「Amazon S3」をクリックする
Then
「Amazon S3」の詳細ページへ遷移する
And
URLが
/terms/{id} の形式になる
02
Scenario
詳細ページに基本情報が表示される
Given
「Amazon S3」の詳細ページを開いている
Then
用語名「Amazon S3」が見出しとして表示される
And
説明文が表示される
And
カテゴリが表示される
And
作成日と更新日が表示される
03
Scenario
カテゴリバッジとカラーバーが表示される
Given
カテゴリ「Storage」の用語の詳細ページを開いている
Then
「Storage」カテゴリのバッジが表示される
And
カテゴリに対応したカラーバーが説明カードの左側に表示される
04
Scenario
略語バッジが表示される
Given
略語「S3」が登録されている用語の詳細ページを開いている
Then
「S3」の略語バッジが表示される
05
Scenario
説明画像が表示される
Given
説明画像が登録されている用語の詳細ページを開いている
Then
ページ上部にヒーロー画像が表示される
06
Scenario
説明画像が未登録の場合は画像エリアが表示されない
Given
説明画像が登録されていない用語の詳細ページを開いている
Then
ページ上部のヒーロー画像エリアは表示されない
07
Scenario
参照URLリンクが表示されクリックで外部ページが開く
Given
参照URLが登録されている用語の詳細ページを開いている
Then
「公式ドキュメントを開く」リンクが表示される
When
「公式ドキュメントを開く」リンクをクリックする
Then
新しいタブで参照URLが開く
08
Scenario
参照URLが未登録の場合はリンクが表示されない
Given
参照URLが登録されていない用語の詳細ページを開いている
Then
「公式ドキュメントを開く」リンクは表示されない
09
Scenario
用語名をクリップボードにコピーする
Given
「Amazon EC2」の詳細ページを開いている
When
用語名横のコピーボタンを押す
Then
「Amazon EC2」がクリップボードにコピーされる
And
「コピーしました」の成功トーストが表示される
And
コピーボタンのアイコンが一時的にチェックマークに変わる
10
Scenario
用語集へ戻るリンクでトップページに戻る
Given
用語の詳細ページを開いている
When
「用語集へ戻る」リンクをクリックする
Then
トップページへ遷移する
11
Scenario
存在しないIDの詳細ページを開く
When
存在しないIDのURL（例：
/terms/999999）を直接開く
Then
404ページが表示される
12
Scenario
ページのメタタイトルが設定される
Given
「AWS Lambda」の詳細ページを開いている
Then
ブラウザのタイトルが「AWS Lambda | AWS 用語集」になる
13
Scenario
略語が未登録の場合は略語バッジが表示されない
Given
略語が登録されていない用語の詳細ページを開いている
Then
略語バッジは表示されない
14
Scenario
OGP メタタグが設定される
Given
「AWS Lambda」の詳細ページを開いている
Then
og:title が「AWS Lambda」に設定される
And
og:description が用語の説明文に設定される
キーワード凡例 / Keyword Legend
Given事前条件
When操作
Then期待結果
And前のステップを継続
ExamplesOutline データテーブル