Soumettre la recherche
Mettre en ligne
testharness.js の基礎
•
7 j'aime
•
6,022 vues
ourmaninjapan
Suivre
W3C の Web テストを行うため、testharness.js が必要になります。このプレゼンで testharness.js の基本情報と使い方を紹介します。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 17
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
What is JSpec
What is JSpec
eiji ienaga
ハイパフォーマンスSeleniumテスト@サイボウズ
ハイパフォーマンスSeleniumテスト@サイボウズ
Jumpei Miyata
Javascript the New Parts
Javascript the New Parts
Federico Galassi
State of jQuery '09
State of jQuery '09
jeresig
It's time for an evolution: Creating a new, expressive web
It's time for an evolution: Creating a new, expressive web
Michael Janiak
Content in the Age of Promiscuous Reuse
Content in the Age of Promiscuous Reuse
Rachel Lovinger
What is new in Android M
What is new in Android M
Erik Hellman
HTML 5 Accessibility
HTML 5 Accessibility
Steven Faulkner
Recommandé
What is JSpec
What is JSpec
eiji ienaga
ハイパフォーマンスSeleniumテスト@サイボウズ
ハイパフォーマンスSeleniumテスト@サイボウズ
Jumpei Miyata
Javascript the New Parts
Javascript the New Parts
Federico Galassi
State of jQuery '09
State of jQuery '09
jeresig
It's time for an evolution: Creating a new, expressive web
It's time for an evolution: Creating a new, expressive web
Michael Janiak
Content in the Age of Promiscuous Reuse
Content in the Age of Promiscuous Reuse
Rachel Lovinger
What is new in Android M
What is new in Android M
Erik Hellman
HTML 5 Accessibility
HTML 5 Accessibility
Steven Faulkner
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Paul Irish
PHPコアから読み解くPHP5.5
PHPコアから読み解くPHP5.5
Yahoo!デベロッパーネットワーク
The web - What it has, what it lacks and where it must go
The web - What it has, what it lacks and where it must go
Robert Nyman
RDFa In A Nutshell V2
RDFa In A Nutshell V2
Fabien Gandon
jQuery Anti-Patterns for Performance & Compression
jQuery Anti-Patterns for Performance & Compression
Paul Irish
WebRTC: A front-end perspective
WebRTC: A front-end perspective
shwetank
Leveraging HTML 5.0
Leveraging HTML 5.0
brucelawson
What HTTP/2.0 Will Do For You
What HTTP/2.0 Will Do For You
Mark Nottingham
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
Wil Reynolds
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
brucelawson
How to do presentations that don't induce suicide
How to do presentations that don't induce suicide
Andy Whitlock
Intro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS features
Andreas Bovens
Why ARIA? [DevChatt 2010]
Why ARIA? [DevChatt 2010]
Aaron Gustafson
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
Nicholas Zakas
London React August - GraphQL at The Financial Times - Viktor Charypar
London React August - GraphQL at The Financial Times - Viktor Charypar
React London Community
Digital Body Language
Digital Body Language
Michael King
Functional Programming in JavaScript by Luis Atencio
Functional Programming in JavaScript by Luis Atencio
Luis Atencio
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Chris Richardson
Анонимные записи в Haskell. Никита Волков
Анонимные записи в Haskell. Никита Волков
Юрий Сыровецкий
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Andrey Breslav
テスト初心者Androiderのためのソフトウェアテスト入門
テスト初心者Androiderのためのソフトウェアテスト入門
Satoshi Watanabe
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
Tomomi Kajita
Contenu connexe
En vedette
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Paul Irish
PHPコアから読み解くPHP5.5
PHPコアから読み解くPHP5.5
Yahoo!デベロッパーネットワーク
The web - What it has, what it lacks and where it must go
The web - What it has, what it lacks and where it must go
Robert Nyman
RDFa In A Nutshell V2
RDFa In A Nutshell V2
Fabien Gandon
jQuery Anti-Patterns for Performance & Compression
jQuery Anti-Patterns for Performance & Compression
Paul Irish
WebRTC: A front-end perspective
WebRTC: A front-end perspective
shwetank
Leveraging HTML 5.0
Leveraging HTML 5.0
brucelawson
What HTTP/2.0 Will Do For You
What HTTP/2.0 Will Do For You
Mark Nottingham
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
Wil Reynolds
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
brucelawson
How to do presentations that don't induce suicide
How to do presentations that don't induce suicide
Andy Whitlock
Intro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS features
Andreas Bovens
Why ARIA? [DevChatt 2010]
Why ARIA? [DevChatt 2010]
Aaron Gustafson
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
Nicholas Zakas
London React August - GraphQL at The Financial Times - Viktor Charypar
London React August - GraphQL at The Financial Times - Viktor Charypar
React London Community
Digital Body Language
Digital Body Language
Michael King
Functional Programming in JavaScript by Luis Atencio
Functional Programming in JavaScript by Luis Atencio
Luis Atencio
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Chris Richardson
Анонимные записи в Haskell. Никита Волков
Анонимные записи в Haskell. Никита Волков
Юрий Сыровецкий
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Andrey Breslav
En vedette
(20)
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
PHPコアから読み解くPHP5.5
PHPコアから読み解くPHP5.5
The web - What it has, what it lacks and where it must go
The web - What it has, what it lacks and where it must go
RDFa In A Nutshell V2
RDFa In A Nutshell V2
jQuery Anti-Patterns for Performance & Compression
jQuery Anti-Patterns for Performance & Compression
WebRTC: A front-end perspective
WebRTC: A front-end perspective
Leveraging HTML 5.0
Leveraging HTML 5.0
What HTTP/2.0 Will Do For You
What HTTP/2.0 Will Do For You
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
The $10,000 Paid Content + Paid Linking Test that is 100% Google Safe
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
How to do presentations that don't induce suicide
How to do presentations that don't induce suicide
Intro to @viewport & other new Responsive Web Design CSS features
Intro to @viewport & other new Responsive Web Design CSS features
Why ARIA? [DevChatt 2010]
Why ARIA? [DevChatt 2010]
Progressive Enhancement 2.0 (Conference Agnostic)
Progressive Enhancement 2.0 (Conference Agnostic)
London React August - GraphQL at The Financial Times - Viktor Charypar
London React August - GraphQL at The Financial Times - Viktor Charypar
Digital Body Language
Digital Body Language
Functional Programming in JavaScript by Luis Atencio
Functional Programming in JavaScript by Luis Atencio
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Map, Flatmap and Reduce are Your New Best Friends: Simpler Collections, Concu...
Анонимные записи в Haskell. Никита Волков
Анонимные записи в Haskell. Никита Волков
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Who's More Functional: Kotlin, Groovy, Scala, or Java?
Similaire à testharness.js の基礎
テスト初心者Androiderのためのソフトウェアテスト入門
テスト初心者Androiderのためのソフトウェアテスト入門
Satoshi Watanabe
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
Tomomi Kajita
テストコードのリファクタリング
テストコードのリファクタリング
Shuji Watanabe
Introduction to Continuous Test Runner MakeGood
Introduction to Continuous Test Runner MakeGood
Atsuhiro Kubo
Sansan における Android アプリ自動テスト導入事例
Sansan における Android アプリ自動テスト導入事例
健一 辰濱
ビルドプロセスとCI #STAC2014
ビルドプロセスとCI #STAC2014
Koji Hasegawa
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
Shuji Watanabe
Robotium を使った UI テスト
Robotium を使った UI テスト
健一 辰濱
Continuous delivery chapter4
Continuous delivery chapter4
favril1
Build insider testingwithvs
Build insider testingwithvs
Tomoyuki Iwade
サーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみた
ryutakatori
アジャイル×テスト開発を考える
アジャイル×テスト開発を考える
yasuohosotani
Introduction to Continuous Testing
Introduction to Continuous Testing
Atsuhiro Kubo
テストとの上手な付き合い方
テストとの上手な付き合い方
Akira Suenami
20161218 selenium study4
20161218 selenium study4
Naoya Kojima
Software Test Basic
Software Test Basic
Akinari Tsugo
Azureを使って手軽にブラウザテストの自動化をはじめよう
Azureを使って手軽にブラウザテストの自動化をはじめよう
Naoya Kojima
Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術
finoue
Code complete ch22_developper_test
Code complete ch22_developper_test
Sho Shimauchi
Microsoft ExcelでWebブラウザ(Selenium WebDriver)を動かした話
Microsoft ExcelでWebブラウザ(Selenium WebDriver)を動かした話
洋史 東平
Similaire à testharness.js の基礎
(20)
テスト初心者Androiderのためのソフトウェアテスト入門
テスト初心者Androiderのためのソフトウェアテスト入門
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
TDDを一年やってみました ~シロート集団がTDDをやってはまったこと~
テストコードのリファクタリング
テストコードのリファクタリング
Introduction to Continuous Test Runner MakeGood
Introduction to Continuous Test Runner MakeGood
Sansan における Android アプリ自動テスト導入事例
Sansan における Android アプリ自動テスト導入事例
ビルドプロセスとCI #STAC2014
ビルドプロセスとCI #STAC2014
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
JUnit実践入門 xUnitTestPatternsで学ぶユニットテスト
Robotium を使った UI テスト
Robotium を使った UI テスト
Continuous delivery chapter4
Continuous delivery chapter4
Build insider testingwithvs
Build insider testingwithvs
サーバーレスでアンケートフォームを作ってみた
サーバーレスでアンケートフォームを作ってみた
アジャイル×テスト開発を考える
アジャイル×テスト開発を考える
Introduction to Continuous Testing
Introduction to Continuous Testing
テストとの上手な付き合い方
テストとの上手な付き合い方
20161218 selenium study4
20161218 selenium study4
Software Test Basic
Software Test Basic
Azureを使って手軽にブラウザテストの自動化をはじめよう
Azureを使って手軽にブラウザテストの自動化をはじめよう
Awsで実現するseleniumテスト高速術
Awsで実現するseleniumテスト高速術
Code complete ch22_developper_test
Code complete ch22_developper_test
Microsoft ExcelでWebブラウザ(Selenium WebDriver)を動かした話
Microsoft ExcelでWebブラウザ(Selenium WebDriver)を動かした話
Plus de ourmaninjapan
テレビのウェブ開発:その1
テレビのウェブ開発:その1
ourmaninjapan
テレビのウェブ開発:その2
テレビのウェブ開発:その2
ourmaninjapan
テレビのウェブ開発:その3
テレビのウェブ開発:その3
ourmaninjapan
Developing for TV
Developing for TV
ourmaninjapan
HTML5概要、コードサンプル
HTML5概要、コードサンプル
ourmaninjapan
The status of living HTML (highlights)
The status of living HTML (highlights)
ourmaninjapan
How to read W3C specs
How to read W3C specs
ourmaninjapan
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
ourmaninjapan
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
ourmaninjapan
Web payments
Web payments
ourmaninjapan
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
ourmaninjapan
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
ourmaninjapan
Widgets in theory and in practice
Widgets in theory and in practice
ourmaninjapan
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
ourmaninjapan
実際のウェブページコーディング
実際のウェブページコーディング
ourmaninjapan
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
ourmaninjapan
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
ourmaninjapan
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
ourmaninjapan
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
ourmaninjapan
Presentation Skills
Presentation Skills
ourmaninjapan
Plus de ourmaninjapan
(20)
テレビのウェブ開発:その1
テレビのウェブ開発:その1
テレビのウェブ開発:その2
テレビのウェブ開発:その2
テレビのウェブ開発:その3
テレビのウェブ開発:その3
Developing for TV
Developing for TV
HTML5概要、コードサンプル
HTML5概要、コードサンプル
The status of living HTML (highlights)
The status of living HTML (highlights)
How to read W3C specs
How to read W3C specs
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
Web payments
Web payments
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
Widgets in theory and in practice
Widgets in theory and in practice
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
実際のウェブページコーディング
実際のウェブページコーディング
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
Presentation Skills
Presentation Skills
Dernier
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
Dernier
(8)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
testharness.js の基礎
1.
Daniel DavisDaniel Davis @ourmaninjapan@ourmaninjapan Testharness.jsTestharness.js
の基礎の基礎
2.
テストの悪い事例テストの悪い事例
3.
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
Télécharger maintenant