Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

0060-01を追加 #237

Closed
wants to merge 2 commits into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
41 changes: 41 additions & 0 deletions WAIC-CODE/WAIC-CODE-0060-01.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@

<!DOCTYPE HTML>
<html lang="ja">
<head>
<title>WAIC-CODE-0060-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>
127 changes: 127 additions & 0 deletions WAIC-TEST/HTML/WAIC-TEST-0060-01.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
# テスト ID

WAIC-TEST-0060-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();
```

# テスト手順 (視覚閲覧環境)

## テスト手順 1

ページを表示し、「このページを表示した時刻」に現在の時刻が表示されていることを確認する。そのまま40秒待つ

### 期待される結果 1

40秒待つと、「このページは20秒後に更新されます。表示時間を延長しますか?」というダイアログが表示される

## テスト手順 2

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、20秒以内にダイアログ内の「OK」ボタンをクリックする

### 期待される結果 2

ダイアログが閉じる。そのまま20秒待っても何も起きず、「このページを表示した時刻」に表示されている時刻も更新されない

## テスト手順 3

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、20秒以内にダイアログ内の「キャンセル」ボタンをクリックする

### 期待される結果 3

ダイアログが閉じる。そのまま20秒待つとページが再読み込みされ、「このページを表示した時刻」に表示される時刻が更新される

## テスト手順 4

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、ダイアログ内のボタンをクリックせず、そのまま20秒待つ

### 期待される結果 4

ダイアログが閉じる。そのまま20秒待つとページが再読み込みされ、「このページを表示した時刻」に表示される時刻が更新される

Comment on lines +75 to +82
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

実際に動かしてみると、ダイアログを表示したまま20秒待っても、
ダイアログが勝手に閉じることはなさそうです。いかがでしょうか。

Copy link
Contributor Author

@bakera bakera Aug 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

これはミスですね。すみません。「ダイアログが閉じる。」をトリにします。

# テスト実施時の注意点 (視覚閲覧環境)

ブラウザのJavaScriptが有効になっていることを確認すること

# テスト手順と期待される結果 (音声閲覧環境)

## テスト手順 1

ページを表示し、「このページを表示した時刻」に現在の時刻が表示されていることを確認する。そのまま40秒待つ

### 期待される結果 1

40秒待つと、「このページは20秒後に更新されます。表示時間を延長しますか?」というダイアログが表示される

## テスト手順 2

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、20秒以内にダイアログ内の「OK」ボタンをクリックする

### 期待される結果 2

ダイアログが閉じる。そのまま20秒待っても何も起きず、「このページを表示した時刻」に表示されている時刻も更新されない

## テスト手順 3

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、20秒以内にダイアログ内の「キャンセル」ボタンをクリックする

### 期待される結果 3

ダイアログが閉じる。そのまま20秒待つとページが再読み込みされ、「このページを表示した時刻」に表示される時刻が更新される

## テスト手順 4

「テスト手順 1」を実施し、「期待される結果 1」にてダイアログが表示されたあと、ダイアログ内のボタンをクリックせず、そのまま20秒待つ

### 期待される結果 4

20秒待つとページが再読み込みされ、「このページを表示した時刻」に表示される時刻が更新される

# テスト実施時の注意点 (音声閲覧環境)

特になし

# 関連する要素や属性

script 要素