W3C の Web テストを行うため、testharness.js が必要になります。このプレゼンで testharness.js の基本情報と使い方を紹介します。

1. Daniel DavisDaniel Davis
@ourmaninjapan@ourmaninjapan
Testharness.jsTestharness.js の基礎の基礎

2. テストの悪い事例テストの悪い事例

4. やっぱりロボットがほしい！

5. testharness.jstestharness.js はは
あなたのあなたの
ロボットロボット

6. 最終的に…最終的に…
信頼できる、統一性のあるブラウザがほしい。信頼できる、統一性のあるブラウザがほしい。

7. そのため…そのため…
信頼できる、統一性のあるテストが必要。信頼できる、統一性のあるテストが必要。

8. そのため、こういうテストが必要そのため、こういうテストが必要

9. 良い良い WebWeb テストの必須項目テストの必須項目
•
WebWeb プラットフォームのテストスイートプラットフォームのテストスイート
•
testharness.jstestharness.js 等等
•
対象メソッド、要素、属性等 対象メソッド、要素、属性等
•
テストコード自体 テストコード自体

10. testharness.jstestharness.js のパッケージのパッケージ
•
testharness.jstestharness.js 等を等を /resources/resources に入れるに入れる
•
できればローカルサーバーで実行する できればローカルサーバーで実行する
•
id=”log”id=”log” の要素を作るの要素を作る
•
テストを書く テストを書く

11. testharness.jstestharness.js の使い方の使い方
•
なるべくシンプルに なるべくシンプルに
•
test()test() とと async_test()async_test() が使えるが使える
•
assert_assert_ 何とか何とか == 「◯◯なのか」「◯◯なのか」
•
各テストは条件とタイトルが必要 各テストは条件とタイトルが必要
•
既存のテストをパクった方が楽 既存のテストをパクった方が楽
•
テストを先に書きましょう テストを先に書きましょう

12. Demo timeDemo time

13. サンプルサンプル
<div<div id="id="loglog""></div>></div>
<div<div id="id="testEltestEl" class="" class="BobBob""></div>></div>
<script><script>
var testEl = document.getElementById('var testEl = document.getElementById('testEltestEl');');
test(function() {test(function() {
assert_equals(testEl.getAttribute('assert_equals(testEl.getAttribute('classclass'), ''), 'BobBob');');
}, '}, 'Can get class attribute with getAttribute()Can get class attribute with getAttribute()');');
</script></script>

14. テストの種類テストの種類
assert_trueassert_true
assert_falseassert_false
assert_equalsassert_equals
assert_not_equalsassert_not_equals
……

15. 参考参考
•
/webstorage//webstorage/
•
/XMLHttpRequest//XMLHttpRequest/
/html/dom/elements/global-attributes//html/dom/elements/global-attributes/

16. おまけおまけ
おすすめの簡単なサーバー：おすすめの簡単なサーバー：
python -m SimpleHTTPServerpython -m SimpleHTTPServer

17. リンク集リンク集
hoppipolla.co.uk/talks/ttwf/testharness.htmlhoppipolla.co.uk/talks/ttwf/testharness.html
darobin.github.io/test-harness-tutorial/docs/using-testharness.htmldarobin.github.io/test-harness-tutorial/docs/using-testharness.html