Feature
用語一覧の閲覧・検索・フィルタ・ソート 18 Scenarios
Term List Browsing · Search · Filter · Sort
Background
背景（各シナリオの共通前提）
Given
用語集に複数の用語が登録されている
And
一般ユーザーとしてトップページを開いている
Scenarios
01
Scenario
初期表示でテーブル形式の用語一覧が見える
Then
用語一覧がテーブル形式で表示される
And
「用語名」「略語」「カテゴリ」「説明」の列が表示される
And
ページあたり最大20件が表示される
02
Scenario
用語名で検索する
When
検索バーに「Lambda」と入力する
Then
用語名に「Lambda」を含む用語のみが表示される
And
URLのクエリパラメータに
q=Lambda が含まれる
03
Scenario
説明文で検索する
Given
検索モードが「説明文」に設定されている
When
検索バーに「サーバーレス」と入力する
Then
説明文に「サーバーレス」を含む用語のみが表示される
04
Scenario
検索モードを切り替える
Given
検索バーに「EC2」と入力して用語名で検索している
When
検索モードを「説明文」に切り替える
Then
説明文に「EC2」を含む用語で再検索される
05
Scenario
カテゴリチップでフィルタする
When
「Storage」カテゴリチップを選択する
Then
カテゴリが「Storage」の用語のみが表示される
And
アクティブフィルタバーに「Storage」が表示される
And
URLに
category=Storage が含まれる
06
Scenario
カテゴリフィルタを解除する
Given
「Compute」カテゴリでフィルタされている
When
「すべて」チップを選択する
Then
全カテゴリの用語が表示される
And
アクティブフィルタバーが非表示になる
07
Scenario
アクティブフィルタバーからフィルタを解除する
Given
「Database」カテゴリでフィルタされている
When
アクティブフィルタバーの「Database」の「×」ボタンを押す
Then
カテゴリフィルタが解除されて全用語が表示される
08
Scenario
用語名カラムで昇順・降順ソートを切り替える
When
「用語名」カラムヘッダーをクリックする
Then
用語名の昇順で一覧が並び替えられる
And
URLに
sort=name&order=asc が含まれる
When
再度「用語名」カラムヘッダーをクリックする
Then
用語名の降順で一覧が並び替えられる
And
URLに
sort=name&order=desc が含まれる
09
Scenario
カード表示に切り替える
When
表示切替でカード形式を選択する
Then
用語一覧がカード形式で表示される
And
URLに
view=card が含まれる
10
Scenario
ページネーションで次のページに移動する
Given
用語が21件以上登録されている
When
ページネーションの「2」をクリックする
Then
21件目以降の用語が表示される
And
URLに
page=2 が含まれる
11
Scenario
検索結果が0件の場合
When
検索バーに存在しないキーワードを入力する
Then
用語一覧の代わりに空状態のメッセージが表示される
12
Scenario
データ読み込み中のスケルトン表示
When
ページを読み込んでいる途中である
Then
用語一覧の代わりにスケルトンUIが表示される
13
Scenario
モバイルでフィルタシートを開く
Given
モバイル画面幅でページを表示している
When
「フィルタ」ボタンをタップする
Then
検索モードとカテゴリを設定できるシートが表示される
14
Scenario
モバイルでカテゴリフィルタ有効時のバッジ表示
Given
モバイル画面幅でページを表示している
When
カテゴリフィルタを設定する
Then
「フィルタ」ボタンにアクティブを示すバッジが表示される
15
Scenario
URLを直接開いて検索状態を復元する
When
/?q=S3&category=Storage&view=card のURLを直接開く
Then
検索バーに「S3」が入力された状態で表示される
And
カテゴリ「Storage」でフィルタされた状態で表示される
And
カード形式で一覧が表示される
16
Scenario
略語で検索する
Given
検索モードが「略語」に設定されている
When
検索バーに「S3」と入力する
Then
略語に「S3」を含む用語のみが表示される
17
Scenario
検索とカテゴリフィルタを組み合わせる
When
検索バーに「DB」と入力する
And
「Database」カテゴリチップを選択する
Then
用語名に「DB」を含み、かつカテゴリ「Database」の用語のみが表示される
And
URLに
q=DB&category=Database が含まれる
18
Scenario
検索バーのクリアボタンを押す
Given
検索バーに「Lambda」と入力して検索結果が表示されている
When
検索バーのクリアボタン（×）を押す
Then
検索バーが空になる
And
全用語が再表示される
And
URLのクエリパラメータ
q が消える
キーワード凡例 / Keyword Legend
Given事前条件
When操作
Then期待結果
And前のステップを継続
ExamplesOutline データテーブル