testharness.js の基礎

5,064 views

Published on

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

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,064
On SlideShare
0
From Embeds
0
Number of Embeds
1,451
Actions
Shares
0
Downloads
9
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

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

×