Merge pull request #241 from waic/add-test-0121-01

0121-01 / SCR16のテストを追加
waic · Sep 18, 2024 · fa8dcb8 · fa8dcb8
2 parents 62f67d5 + a9e8d84
commit fa8dcb8
Show file tree

Hide file tree

Showing 2 changed files with 122 additions and 0 deletions.
diff --git a/WAIC-CODE/WAIC-CODE-0121-01.html b/WAIC-CODE/WAIC-CODE-0121-01.html
@@ -0,0 +1,41 @@
+
+<!DOCTYPE HTML>
+<html lang="ja">
+<head>
+<title>WAIC-CODE-0121-01</title>
+<script>
+    function timeControl() {
+        // タイマーを40秒に設定し、利用者に確認を求める
+        setTimeout('userCheck()', 40000);
+    }
+    function userCheck() {
+        // ページの再読み込みを20秒に設定する
+        var id = setTimeout('pageReload()', 20000);
+        // 利用者が「OK」を選択した場合、タイマーがリセットされる
+        // それ以外の場合、サーバーによりページが再読み込みされる
+        if (confirm("このページは20秒後に更新されます。表示時間を延長しますか?"))
+        {
+            clearTimeout(id);
+            timeControl();
+        }
+    }
+    function pageReload() {
+        window.location.reload(true);
+    }
+    timeControl();
+    document.addEventListener("DOMContentLoaded", (event) => {
+        const timeElement = document.getElementById("currentTime");
+        if(timeElement){
+            const now = new Date();
+            timeElement.innerText = now.toLocaleTimeString();
+        }
+    });
+</script>
+</head>
+<body>
+<h1>株式市場</h1>
+<p>このページを表示した時刻: <time id="currentTime"></time></p>
+<p>1分ごとに更新されます。更新の20秒前に時間を延長するかどうか訊かれます。</p>
+<p>(ここには激しく乱高下する市場の様相が表示されているものと思ってください)</p>
+</body>
+</html>
diff --git a/WAIC-TEST/HTML/WAIC-TEST-0121-01.md b/WAIC-TEST/HTML/WAIC-TEST-0121-01.md
@@ -0,0 +1,81 @@
+# テスト ID
+
+WAIC-TEST-0121-01
+
+# テストのタイトル
+
+制限時間が切れようとしていることを利用者に警告するスクリプトを提供する
+
+# テストの目的
+
+JavaScriptを用いて、制限時間が切れようとしていることを利用者に警告すること、制限時間が延長できることを確認する
+
+# テストの対象となる達成基準 (複数)
+
+2.2.1
+
+# 関連する達成方法 (複数)
+
+SCR16
+
+# テストコード (テストファイルへのリンク)
+
+[WAIC-CODE-0060-01](https://waic.github.io/as_test/WAIC-CODE/WAIC-CODE-0060-01.html)
+
+# テストコードのソース (抜粋)
+
+```JavaScript
+    function timeControl() {
+        // タイマーを40秒に設定し、利用者に確認を求める
+        setTimeout('userCheck()', 40000);
+    }
+    function userCheck() {
+        // ページの再読み込みを20秒に設定する
+        var id = setTimeout('pageReload()', 20000);
+        // 利用者が「OK」を選択した場合、タイマーがリセットされる
+        // それ以外の場合、サーバーによりページが再読み込みされる
+        if (confirm("このページは20秒後に更新されます。表示時間を延長しますか?"))
+        {
+            clearTimeout(id);
+            timeControl();
+        }
+    }
+    function pageReload() {
+        window.location.reload(true);
+    }
+    timeControl();
+```
+
+# テスト手順 (視覚閲覧環境)
+
+## テスト手順
+
+ページを表示し、「このページを表示した時刻」に現在の時刻が表示されていることを確認する。そのまま40秒待つ
+
+## 期待される結果
+
+40秒待つと、「このページは20秒後に更新されます。表示時間を延長しますか?」というダイアログが表示される
+
+# テスト実施時の注意点 (視覚閲覧環境)
+
+- ブラウザのJavaScriptが有効になっていることを確認すること
+- ウィンドウを非アクティブにした場合にも問題なく動作するか確認すること
+
+# テスト手順と期待される結果 (音声閲覧環境)
+
+## テスト手順
+
+ページを表示し、「このページを表示した時刻」に現在の時刻が表示されていることを確認する。そのまま40秒待つ
+
+## 期待される結果
+
+40秒待つと、「このページは20秒後に更新されます。表示時間を延長しますか?」という警告メッセージが通知される
+
+# テスト実施時の注意点 (音声閲覧環境)
+
+- ブラウザのJavaScriptが有効になっていることを確認すること
+- ウィンドウを非アクティブにした場合にも問題なく動作するか確認すること
+
+# 関連する要素や属性
+
+script 要素