01 / 検査するものを選ぶ
保存と再読込を試す
準備できました。まず故障例を実行してください。
まだ結果を記録していません。
最初の検査では、保存された言語・ページが示す言語・言語ラベルごとの表示要素数を比較します。
実行後にチェックを切り替えると、同じ記録を使って判定し直します。アプリの修正や再実行はしません。
プレビューは検査対象です。英語を保存したのに「保存しました」へ戻るのが、今回の故障です。
02 / 実際の画面を見る
再読込後のメッセージ
再読込前：まだ記録していません
実際に動かした検査用ページの読み取り専用プレビューです。実行ボタンで操作し、記録した前後の値は下の表で確認できます。
実行内容と、分かることの限界
このページで動くのはブラウザ用の小さな検査コードです。Node CLIの実行ではありません。合成のiframe内で英語を保存し、基準の値を記録して実際に再読込し、結果を読みます。検査用ページは公開済みの単一テキスト例と同じファイルです。
ここでの表示要素数は、検査用の見出しに寸法があり、CSSのvisibilityで隠れていないかを調べたものです。Playwrightのロケーター全般を代替しません。本文は隠れた子要素のない末端の要素から読みます。ピクセル・他要素の重なり・スクリーンリーダー・翻訳品質は検査していません。
一時的に使う保存キーは example-single-language だけで、実行後に元の値へ戻します。アプリのURL・アカウント・APIキー・利用者のデータは求めません。ストレージが使えない場合や基準値が欠ける場合は、PASSではなくエラーにします。同じ検査用ページを別タブで同時に実行しないでください。
この故障は教材用に作ったものです。要素数だけでは見逃す反例は、読者からの指摘を受けて作成しました。このページの試用を、第三者が自分のアプリへ導入した実績には数えていません。