Submit Search
5分でわかるVISUAL TESTING FOR HTML5
Oct 5, 2017
0 likes
2,737 views
O
Osamu Shimoda
2017/9/24 HTML5 ConferenceのLT資料です。
Read more
1 of 24
Download now
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
Ad
Recommended
20170704 Pitaliumの新機能
20170704 Pitaliumの新機能
Osamu Shimoda
2017/7/4に行われたテスト自動化勉強会の資料です。
20170710 hifive-test-meetup
20170710 hifive-test-meetup
Naoya Kojima
20170710 hifive-test-meetup
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
Osamu Shimoda
2015/12/1 Enterprise HTML5 Developers Meetup #2 の発表資料です。
hifiveで実現するエンタープライズHTML5システム開発
hifiveで実現するエンタープライズHTML5システム開発
Osamu Shimoda
2017/12/6に行われた「HTML5 Enterprise Application Conference 2017 ~HTML5で実現する業務アプリケーションのモダン化&マルチデバイス化~」の講演資料です。
HTML5時代のUIテスト自動化
HTML5時代のUIテスト自動化
Osamu Shimoda
2017/1/18(水)に行われた HTML5 Enterprise Seminar 2017 の「HTML5時代のUIテスト自動化」の講演資料です。
私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
Osamu Shimoda
OSC東京2015 Fall ライトニングトーク資料
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
Osamu Shimoda
OSC京都2015のライトニングトーク資料です。
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
http://www.htmlhifive.com/ 第3回企業Webシステム開発セミナー 資料 「業務システムにHTML5を上手に取り入れるためには?」
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
2016/12/18 第4回 日本Seleniumユーザーコミュニティ勉強会 で発表したSeleniumConf16 UKの参加報告資料です。 (発表者:石川真也@hifive Team, NSSOL)
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
Osamu Shimoda
http://www.htmlhifive.com/ 2014/12/1に開催された「第2回HTML5企業Webシステム開発セミナー」のhifive紹介資料です。
Selenium WebDriver + python で E2Eテスト自動化
Selenium WebDriver + python で E2Eテスト自動化
JustSystems Corporation
JustTechTalk#08 Webフロントエンドでやってみた2017の資料2本目です。
JustTechTalk#10windowsアプリでのテスト自動化事例
JustTechTalk#10windowsアプリでのテスト自動化事例
JustSystems Corporation
2017年10月27日に開催されたJustTechTalk#10での発表資料です。
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
Osamu Shimoda
ブラウザテスト自動化入門
ブラウザテスト自動化入門
takahiro sakuma
Seleniumを使ったテストについての紹介
ジャストシステムのDevOps実例 今後の取り組み
ジャストシステムのDevOps実例 今後の取り組み
JustSystems Corporation
JustTechTalk#09の資料です。 実際のプロジェクトを例に、各開発工程でDevOpsをいかに進めたか、開発環境からリリースまでの流れ、環境はいくつ用意すべきかなど、実例に基づいた気づきをご紹介しています。
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
Nozomi Ito
http://www.slideshare.net/NozomiIto/osssselenium の短縮版です。(実際に発表に使用したのはこちらの短縮版です)
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
2017年12月6日開催 アシアル株式会社、グレープシティ株式会社、新日鉄住金ソリューションズ株式会社、株式会社スタイルズ共催カンファレンス HTML5 Enterprise Application Conference 2017 グレープシティ株式会社 ツール事業部 マーケティング部 村上 功光
APIテスト自動化とテストピラミッド
APIテスト自動化とテストピラミッド
友隆 浅黄
20201018
事例からわかる!テスト自動化導入パターン
事例からわかる!テスト自動化導入パターン
友隆 浅黄
JaSST Tokyo テスト自動化 パターン
STFとAppiumをもちいたAndroidアプリの自動テスト
STFとAppiumをもちいたAndroidアプリの自動テスト
Toshiyuki Hirata
「第3回 日本Seleniumユーザーコミュニティ勉強会」の発表資料です。 書籍「Selenium実践入門」の執筆時点の課題(の一部)を解決した話です。 実際の発表時にはデモ動画がありましたが、本資料ではありません。
継続的E2Eテスト
継続的E2Eテスト
友隆 浅黄
Selenium Committer Day 2017 スポンサー枠でお話させて頂いた内容です。
iOSで利用できるデバイスファームのメリット・デメリットの紹介
iOSで利用できるデバイスファームのメリット・デメリットの紹介
Shunsuke Maeda
iOSで利用できるデバイスファームのメリットとデメリットについて
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
Yahoo!デベロッパーネットワーク
STAC2015の講演3での発表資料です。
OpManager導入事例 日テレITプロデュース様
OpManager導入事例 日テレITプロデュース様
ManageEngine, Zoho Corporation
【SIerによる導入構築事例】最小の工数とコストでネットワーク監視ツールを導入した、日テレITプロデュース様の導入事例ダイジェスト版です。選定理由や構築過程の詳細はこちら >> http://www.manageengine.jp/products/OpManager/case-study-11.html
エンタープライズへのアジャイル開発の導入事例
エンタープライズへのアジャイル開発の導入事例
Shozaburo Yoshihara
XP祭り2016で発表した内容です
そろそろ(おまえらの)DevOpsについて一言いっておくか
そろそろ(おまえらの)DevOpsについて一言いっておくか
Takashi Takebayashi
『Tokyo ComCamp 2016 powered by MVPs』で講演した『そろそろ(おまえらの)DevOpsについて一言いっておくか』の配布資料
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
LINE Corporation
Vue Fes Japan 2018での、ランチスポンサーセッションの発表資料です。 LINE株式会社 喜多啓介 (Keisuke KITA) https://vuefes.jp/
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Shozaburo Yoshihara
いまさらアジャイル巡業in広島(アジャイルプロセス協議会、2016/3/12)
SWETの取り組むImage Based Testing
SWETの取り組むImage Based Testing
DeNA
DeNA TechCon 2018の登壇資料です。
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
Makoto SAKAI
WebTracer: 視線を利用した Webユーザビリティ評価環境 ソフトウェアシンポジウム2003発表資料
More Related Content
What's hot
(20)
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
2016/12/18 第4回 日本Seleniumユーザーコミュニティ勉強会 で発表したSeleniumConf16 UKの参加報告資料です。 (発表者:石川真也@hifive Team, NSSOL)
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
Osamu Shimoda
http://www.htmlhifive.com/ 2014/12/1に開催された「第2回HTML5企業Webシステム開発セミナー」のhifive紹介資料です。
Selenium WebDriver + python で E2Eテスト自動化
Selenium WebDriver + python で E2Eテスト自動化
JustSystems Corporation
JustTechTalk#08 Webフロントエンドでやってみた2017の資料2本目です。
JustTechTalk#10windowsアプリでのテスト自動化事例
JustTechTalk#10windowsアプリでのテスト自動化事例
JustSystems Corporation
2017年10月27日に開催されたJustTechTalk#10での発表資料です。
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
Osamu Shimoda
ブラウザテスト自動化入門
ブラウザテスト自動化入門
takahiro sakuma
Seleniumを使ったテストについての紹介
ジャストシステムのDevOps実例 今後の取り組み
ジャストシステムのDevOps実例 今後の取り組み
JustSystems Corporation
JustTechTalk#09の資料です。 実際のプロジェクトを例に、各開発工程でDevOpsをいかに進めたか、開発環境からリリースまでの流れ、環境はいくつ用意すべきかなど、実例に基づいた気づきをご紹介しています。
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
Nozomi Ito
http://www.slideshare.net/NozomiIto/osssselenium の短縮版です。(実際に発表に使用したのはこちらの短縮版です)
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
2017年12月6日開催 アシアル株式会社、グレープシティ株式会社、新日鉄住金ソリューションズ株式会社、株式会社スタイルズ共催カンファレンス HTML5 Enterprise Application Conference 2017 グレープシティ株式会社 ツール事業部 マーケティング部 村上 功光
APIテスト自動化とテストピラミッド
APIテスト自動化とテストピラミッド
友隆 浅黄
20201018
事例からわかる!テスト自動化導入パターン
事例からわかる!テスト自動化導入パターン
友隆 浅黄
JaSST Tokyo テスト自動化 パターン
STFとAppiumをもちいたAndroidアプリの自動テスト
STFとAppiumをもちいたAndroidアプリの自動テスト
Toshiyuki Hirata
「第3回 日本Seleniumユーザーコミュニティ勉強会」の発表資料です。 書籍「Selenium実践入門」の執筆時点の課題(の一部)を解決した話です。 実際の発表時にはデモ動画がありましたが、本資料ではありません。
継続的E2Eテスト
継続的E2Eテスト
友隆 浅黄
Selenium Committer Day 2017 スポンサー枠でお話させて頂いた内容です。
iOSで利用できるデバイスファームのメリット・デメリットの紹介
iOSで利用できるデバイスファームのメリット・デメリットの紹介
Shunsuke Maeda
iOSで利用できるデバイスファームのメリットとデメリットについて
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
Yahoo!デベロッパーネットワーク
STAC2015の講演3での発表資料です。
OpManager導入事例 日テレITプロデュース様
OpManager導入事例 日テレITプロデュース様
ManageEngine, Zoho Corporation
【SIerによる導入構築事例】最小の工数とコストでネットワーク監視ツールを導入した、日テレITプロデュース様の導入事例ダイジェスト版です。選定理由や構築過程の詳細はこちら >> http://www.manageengine.jp/products/OpManager/case-study-11.html
エンタープライズへのアジャイル開発の導入事例
エンタープライズへのアジャイル開発の導入事例
Shozaburo Yoshihara
XP祭り2016で発表した内容です
そろそろ(おまえらの)DevOpsについて一言いっておくか
そろそろ(おまえらの)DevOpsについて一言いっておくか
Takashi Takebayashi
『Tokyo ComCamp 2016 powered by MVPs』で講演した『そろそろ(おまえらの)DevOpsについて一言いっておくか』の配布資料
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
LINE Corporation
Vue Fes Japan 2018での、ランチスポンサーセッションの発表資料です。 LINE株式会社 喜多啓介 (Keisuke KITA) https://vuefes.jp/
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Shozaburo Yoshihara
いまさらアジャイル巡業in広島(アジャイルプロセス協議会、2016/3/12)
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
Osamu Shimoda
Selenium WebDriver + python で E2Eテスト自動化
Selenium WebDriver + python で E2Eテスト自動化
JustSystems Corporation
JustTechTalk#10windowsアプリでのテスト自動化事例
JustTechTalk#10windowsアプリでのテスト自動化事例
JustSystems Corporation
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
Osamu Shimoda
ブラウザテスト自動化入門
ブラウザテスト自動化入門
takahiro sakuma
ジャストシステムのDevOps実例 今後の取り組み
ジャストシステムのDevOps実例 今後の取り組み
JustSystems Corporation
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
【短縮版】OSSのブラウザ自動テストツール「Selenium」を使った、開発・テストの効率化
Nozomi Ito
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
開発ツール「Wijmo」と「SpreadJS」からみる業務アプリケーションの変遷とこれから
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
APIテスト自動化とテストピラミッド
APIテスト自動化とテストピラミッド
友隆 浅黄
事例からわかる!テスト自動化導入パターン
事例からわかる!テスト自動化導入パターン
友隆 浅黄
STFとAppiumをもちいたAndroidアプリの自動テスト
STFとAppiumをもちいたAndroidアプリの自動テスト
Toshiyuki Hirata
継続的E2Eテスト
継続的E2Eテスト
友隆 浅黄
iOSで利用できるデバイスファームのメリット・デメリットの紹介
iOSで利用できるデバイスファームのメリット・デメリットの紹介
Shunsuke Maeda
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
STAC2015 講演3 広告システム刷新よもやま話〜テストが当たり前となるまでにやったこと #stac2015
Yahoo!デベロッパーネットワーク
OpManager導入事例 日テレITプロデュース様
OpManager導入事例 日テレITプロデュース様
ManageEngine, Zoho Corporation
エンタープライズへのアジャイル開発の導入事例
エンタープライズへのアジャイル開発の導入事例
Shozaburo Yoshihara
そろそろ(おまえらの)DevOpsについて一言いっておくか
そろそろ(おまえらの)DevOpsについて一言いっておくか
Takashi Takebayashi
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
Vue Fes Japan 2018 LINE株式会社 LunchスポンサーLT
LINE Corporation
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Ulsアジャイル推進室 エンタープライズアジャイルがやってくる! 20160312
Shozaburo Yoshihara
Similar to 5分でわかるVISUAL TESTING FOR HTML5
(20)
SWETの取り組むImage Based Testing
SWETの取り組むImage Based Testing
DeNA
DeNA TechCon 2018の登壇資料です。
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
Makoto SAKAI
WebTracer: 視線を利用した Webユーザビリティ評価環境 ソフトウェアシンポジウム2003発表資料
reg-suitとQA Wolfを活用したVisual Regression Test
reg-suitとQA Wolfを活用したVisual Regression Test
Kazuyuki Tsuzisaki
ソフトウェアテスト自動化カンファレンス2020
アジャイルテストを、壮絶に、考える。
アジャイルテストを、壮絶に、考える。
Dai FUJIHARA
アジャイル開発におけるテストを考えてみた。
WebEffective overview 2012 japanese
WebEffective overview 2012 japanese
Yoichiro Takehora
大規模UXテストサービスWebEffectiveの概要説明資料です。
GUI Test is (not) necessary
GUI Test is (not) necessary
Hiroshi Maekawa
@TDDBC for C# 事前勉強会
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
Osamu Shimoda
2013/3/21に行われた 豆ナイトPresents「HTML5ナイト~その導入から活用まで~」 の発表資料です。
10+1 Things you should know about JavaScript testing
10+1 Things you should know about JavaScript testing
Takuto Wada
10+1 Things you should know about JavaScript testing - Nov 20, 2010 at John Resig feat. Shibuya.js, in Firefox Developers Conference 2010
Amazonにおけるスマートフォンコンテンツ構築理念とは
Amazonにおけるスマートフォンコンテンツ構築理念とは
Yoichiro Takehora
Amazonのスマートフォンサイトに学ぶ、スマートフォンサイトの構築の仕方、考え方について。
Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
Kazuyuki CHINDA
Shinjuku.html5.lunch 夜の特別編 http://connpass.com/event/857/
「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版
Tarumoto Tetsuya
樽本徹也・著「アジャイル・ユーザビリティ」無料サンプル版(第2章全文)です。なお、PDF版をダウンロードしてAdobe Readerで「小冊子」として「A4用紙に印刷」して「中綴じ」すれば、実物大(A5版)のサンプル版が出来上がります。ぜひお試し下さい。
Visual Regression Testing における画面要素単位での差異検出手法
Visual Regression Testing における画面要素単位での差異検出手法
ToshiyukiKurabayashi
「ソフトウェア開発における産学協創フォーラム」で発表したポスターのスライドです。
Qc astah 連携について012
Qc astah 連携について012
Kei Nakahara
JaSST2012Tokyoで発表したHP QCとastahの連携に関する資料
5分で分かるselenium conference berlin 2017
5分で分かるselenium conference berlin 2017
Toshiya Komoda
Android Test Night #2 LTの発表資料です. https://testnight.connpass.com/event/69397/
市場動向並びに弊社製品の今後の展望について
市場動向並びに弊社製品の今後の展望について
Ken Azuma
11月16日にセミナーでお話した、「市場動向や弊社製品の今後の展望について」で利用したスライドを共有させて頂きます。
Siggraph 2011 report at kayac
Siggraph 2011 report at kayac
Yukio Andoh
ゼロから始めたE2Eテスト
ゼロから始めたE2Eテスト
ushiboy
Niigata.js #2 発表資料
IA Summit 2010 Redux in Tokyo
IA Summit 2010 Redux in Tokyo
Atsushi HASEGAWA, Ph.D.
A presentation from IA Summit 2010 Redux Tokyo.
市場動向並びに弊社製品の今後の展望について
市場動向並びに弊社製品の今後の展望について
Ken Azuma
2012/11/16に開催したセミナーでお話した「市場動向並びに弊社製品の今後の展望について」で利用したスライドを共有させて頂きます。
SWETの取り組むImage Based Testing
SWETの取り組むImage Based Testing
DeNA
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
WebTracer: 視線を利用した Webユーザビリティ評価環境@SS2003
Makoto SAKAI
reg-suitとQA Wolfを活用したVisual Regression Test
reg-suitとQA Wolfを活用したVisual Regression Test
Kazuyuki Tsuzisaki
アジャイルテストを、壮絶に、考える。
アジャイルテストを、壮絶に、考える。
Dai FUJIHARA
WebEffective overview 2012 japanese
WebEffective overview 2012 japanese
Yoichiro Takehora
GUI Test is (not) necessary
GUI Test is (not) necessary
Hiroshi Maekawa
20101127 Android Usability Seminar
20101127 Android Usability Seminar
Visso株式会社
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
Osamu Shimoda
10+1 Things you should know about JavaScript testing
10+1 Things you should know about JavaScript testing
Takuto Wada
Amazonにおけるスマートフォンコンテンツ構築理念とは
Amazonにおけるスマートフォンコンテンツ構築理念とは
Yoichiro Takehora
Shinjuku.html5.lunch #11
Shinjuku.html5.lunch #11
Kazuyuki CHINDA
「アジャイル・ユーザビリティ」無料サンプル版
「アジャイル・ユーザビリティ」無料サンプル版
Tarumoto Tetsuya
Visual Regression Testing における画面要素単位での差異検出手法
Visual Regression Testing における画面要素単位での差異検出手法
ToshiyukiKurabayashi
Qc astah 連携について012
Qc astah 連携について012
Kei Nakahara
5分で分かるselenium conference berlin 2017
5分で分かるselenium conference berlin 2017
Toshiya Komoda
市場動向並びに弊社製品の今後の展望について
市場動向並びに弊社製品の今後の展望について
Ken Azuma
Siggraph 2011 report at kayac
Siggraph 2011 report at kayac
Yukio Andoh
ゼロから始めたE2Eテスト
ゼロから始めたE2Eテスト
ushiboy
IA Summit 2010 Redux in Tokyo
IA Summit 2010 Redux in Tokyo
Atsushi HASEGAWA, Ph.D.
市場動向並びに弊社製品の今後の展望について
市場動向並びに弊社製品の今後の展望について
Ken Azuma
Ad
5分でわかるVISUAL TESTING FOR HTML5
1.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 5分でわかる 1 VISUAL TESTING FOR HTML5 技術本部 システム研究開発センター イノベーティブアプリケーション研究部 石川 真也 WHAT, WHY & HOW?
2.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. Who 2 石川 真也(@meganetaaan) UI技術の研究をしています 音声/ 画像入力を含むUI全般に 興味があります HTML5企業Webシステムのための 開発プラットフォーム Visual Testing Automation ★★★☆☆☆
3.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. WHAT VISUAL TESTING? 3 WHY HOW
4.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. VISUAL TESTINGとは何か 見た目のテスト
5.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. VISUAL TESTINGとは何か(ここでは) Webアプリケーションの見た目の リグレッションテストの自動化 正解画像 実際の画像
6.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 正解画像 実際の画像 VISUAL TESTINGとは何か(ここでは) WHY? HOW? Webアプリケーションの見た目の リグレッションテストの自動化
7.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. WHY VISUAL TESTING? 7 WHAT HOW
8.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. なぜVISUAL TESTINGが必要か 画面を見てみないとわからない
9.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 画面を見てみないとわからない リッチ化になったHTML5ならではの… スタイル崩れ(CSSのバグ) SVG/Canvas/WebGL…の描画結果
10.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. どうせ見ないとわからないなら 10 少しでも自動化できれば負担減!! 画像を比較する👓(自動) 差分を見る👀 画像を撮る📷(自動) 結果を見る👀(手動) 画像を撮る📷(自動)
11.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 11 https://www.htmlhifive.com/conts/web/view/pitalium-sample/three-dimensions サンプルコード公開中 WebGL(three.js)の画面のテストをやってみた Canvasも、WebGLも、PDFも 。Point!
12.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. HOW VISUAL TESTING? 12 WHAT WHY
13.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. どのようにVISUAL TESTINGを行うか 13 画像を撮る📷 画像を比較👓 差分を見る👀 OK NG 一致している? 差分を許容 できる?Yes No Yes No
14.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 画像を撮る📷 14 Selenium特有のハマりどころに注意 参考:私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て (https://www.slideshare.net/shimodanssol/selenium-54768429) Point! Selenium ブラウザ自動化ツールのデファクトスタンダード – W3C標準のプロトコル – 豊富な言語バインディング・周辺ツール – マルチブラウザ対応 スクリーンショットも取得できる
15.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 画像を比較する👓 15 比較の仕方は様々 Pixel Perfect :1ピクセル毎の厳密な比較 Fuzzy :2画像の類似度を用いた曖昧な比較 Full Page :ページ全体 Partial Match :ページの一部のみ比較 Partial Exclude :ページの一部を除外して比較 Point! 1pxのズレを許容できるか? “画面の見た目のテストで難しいのは,この比較がファジー(曖昧) でよいところはファジーな状態で通して,正確であるべきところは 正確であるかを見なければならない,というところですね。” コミッターが語るSeleniumのいま,そして未来 ―「Selenium Committer Day 2017」レポート (https://gihyo.jp/news/report/2017/07/2601)
16.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 差分を見る👀 16 結果の管理の仕方は様々 レポートを生成 専用のWebUI 差分の見せ方は様々 Marker 2-up Quick Flip Swipe Onion Skin Edge Overlap Point! 手動のステップは排除しきれない • 用法・容量を守る • いかに快適にするかがUX的勘所 • 「誰が見ても崩れている」を自動推定してくれないかなあ
17.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. WHAT ✓ WHY ✓ HOW ✓ →LET’S TRY!
18.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. VISUAL TESTINGのためのツールを (残り時間の限り)紹介 18 Applitools Eyes SI Toolkit for Web Testing reg-suit
19.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. Applitools Eyes 19 Visual Testing Automation Service 群を抜いて多機能 フリープランあり。まず試すならこれかも https://applitools.com/ 📷 👓 👀 Selenium Java Ruby Python PHP C# JavaScript Appium SEBuilder Pixel Perfect Fuzzy Full Page Partial Match Exclude Web UI Diff View Marker 2-UP
20.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. SI Toolkit for Web Testing 20 「現場の"いいね"が詰まった自動テストツールです。」 プログラミング不要で簡単に使える ブラウザ操作を記録してテスト作成 Microsoft Excelでテストを書ける!!! https://sitoolkit.org/sit-wt.html 📷 👓 👀 Microsoft Excel Selenium IDE Pixel Perfect Full Page Partial Exclude HTML report Diff View Marker 2-UPAppium ⚖Apache-2.0
21.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. reg-suit 21 画像比較、画像管理に特化したシンプルなツール スクリーンショット取得は他ツールと組み合わせ前提 UIコンポーネント単体でのvisual testing(karma-nightmare) GitHub連携 プラグイン機構 https://reg-viz.github.io/reg-suit/ 📷 👓 👀 GitHubPixel Perfect Fuzzy Diff View 2-UP Swipe Onion Skin ⚖MIT
22.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 22 本気のマルチデバイス対応 Full Page Screenshotを全デバイスで撮るための涙ぐましい努力(主観) – Seleniumで撮ったスクリーンショットがブラウザごとにばらばら問題 (https://qiita.com/meganetaaan/items/b11338d2867c8c8f072a) 画像比較機能が充実 差分の原因を推定(フォントの違い?位置のずれ?要素の出現・消失?) https://www.htmlhifive.com/conts/web/view/pitalium/ 📷 👓 👀 Selenium Java Appium Web UIPixel Perfect Fuzzy Full Page Partial Match Exclude Diff View Marker 2-UP Quick Flip Slider Onion Skin ⚖Apache-2.0
23.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. まとめ 23 VISUAL TESTING やっていきましょう! Pitalium ぜひお試しください!
24.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 商標について 24 NS Solutions、NS(ロゴ)は、新日鉄住金ソリューションズ 株式会社の登録商標です。 hifive、hifive(ロゴ)、Pitalium、Pitalium(ロゴ)は、新日鉄住金 ソリューションズ株式会社の登録商標です。 Microsoft Excelは、米国 Microsoft Corporation の米国および その他の国における登録商標です。 HTML5 Logo by W3C. その他本文記載の会社名及び製品名は、それぞれ各社の商標又は 登録商標です。
Download