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