Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

testharness.js の基礎

5,508 views

Published on

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

Published in: Technology
  • Be the first to comment

testharness.js の基礎

  1. 1. Daniel DavisDaniel Davis@ourmaninjapan@ourmaninjapanTestharness.jsTestharness.js の基礎の基礎
  2. 2. テストの悪い事例テストの悪い事例
  3. 3. やっぱりロボットがほしい!
  4. 4. testharness.jstestharness.js ははあなたのあなたのロボットロボット
  5. 5. 最終的に…最終的に…信頼できる、統一性のあるブラウザがほしい。信頼できる、統一性のあるブラウザがほしい。
  6. 6. そのため…そのため…信頼できる、統一性のあるテストが必要。信頼できる、統一性のあるテストが必要。
  7. 7. そのため、こういうテストが必要そのため、こういうテストが必要
  8. 8. 良い良い WebWeb テストの必須項目テストの必須項目•   WebWeb プラットフォームのテストスイートプラットフォームのテストスイート•   testharness.jstestharness.js 等等• 対象メソッド、要素、属性等 対象メソッド、要素、属性等• テストコード自体 テストコード自体
  9. 9. testharness.jstestharness.js のパッケージのパッケージ•   testharness.jstestharness.js 等を等を /resources/resources に入れるに入れる• できればローカルサーバーで実行する できればローカルサーバーで実行する•   id=”log”id=”log” の要素を作るの要素を作る• テストを書く テストを書く
  10. 10. testharness.jstestharness.js の使い方の使い方• なるべくシンプルに なるべくシンプルに•   test()test() とと async_test()async_test() が使えるが使える•   assert_assert_ 何とか何とか == 「◯◯なのか」「◯◯なのか」• 各テストは条件とタイトルが必要 各テストは条件とタイトルが必要• 既存のテストをパクった方が楽 既存のテストをパクった方が楽• テストを先に書きましょう テストを先に書きましょう
  11. 11. Demo timeDemo time
  12. 12. サンプルサンプル<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>
  13. 13. テストの種類テストの種類assert_trueassert_trueassert_falseassert_falseassert_equalsassert_equalsassert_not_equalsassert_not_equals……
  14. 14. 参考参考•/webstorage//webstorage/•/XMLHttpRequest//XMLHttpRequest//html/dom/elements/global-attributes//html/dom/elements/global-attributes/
  15. 15. おまけおまけおすすめの簡単なサーバー:おすすめの簡単なサーバー:python -m SimpleHTTPServerpython -m SimpleHTTPServer
  16. 16. リンク集リンク集hoppipolla.co.uk/talks/ttwf/testharness.htmlhoppipolla.co.uk/talks/ttwf/testharness.htmldarobin.github.io/test-harness-tutorial/docs/using-testharness.htmldarobin.github.io/test-harness-tutorial/docs/using-testharness.html

×