Suche senden
Hochladen
HTML5時代のUIテスト自動化
•
2 gefällt mir
•
3,136 views
O
Osamu Shimoda
Folgen
2017/1/18(水)に行われた HTML5 Enterprise Seminar 2017 の「HTML5時代のUIテスト自動化」の講演資料です。
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
عرض حل المشكلات 5
عرض حل المشكلات 5
Ashraf Ghareeb
Taghrid DIAB : Carrefour d'échanges 2009 : L'éducation à l'environnement et s...
Taghrid DIAB : Carrefour d'échanges 2009 : L'éducation à l'environnement et s...
Faculté des sciences de l'éducation - Université Saint-Joseph de Beyrouth - Liban
الفصل الثاني عام
الفصل الثاني عام
drgamalmostafa
المقاربات البيداغوجية
المقاربات البيداغوجية
Moulay Ahmed Berkouk
مهارات القيادة
مهارات القيادة
aabdelhake
الامن والامان
الامن والامان
Mero Cool
عملية اتخاذ القرارات
عملية اتخاذ القرارات
Mohammed Al-Sayyari
بوكلت اللغة العربية الصف الثانى الابتدائى الفصل الدراسى الأول 2015 أمنية وجدى
بوكلت اللغة العربية الصف الثانى الابتدائى الفصل الدراسى الأول 2015 أمنية وجدى
أمنية وجدى
Empfohlen
عرض حل المشكلات 5
عرض حل المشكلات 5
Ashraf Ghareeb
Taghrid DIAB : Carrefour d'échanges 2009 : L'éducation à l'environnement et s...
Taghrid DIAB : Carrefour d'échanges 2009 : L'éducation à l'environnement et s...
Faculté des sciences de l'éducation - Université Saint-Joseph de Beyrouth - Liban
الفصل الثاني عام
الفصل الثاني عام
drgamalmostafa
المقاربات البيداغوجية
المقاربات البيداغوجية
Moulay Ahmed Berkouk
مهارات القيادة
مهارات القيادة
aabdelhake
الامن والامان
الامن والامان
Mero Cool
عملية اتخاذ القرارات
عملية اتخاذ القرارات
Mohammed Al-Sayyari
بوكلت اللغة العربية الصف الثانى الابتدائى الفصل الدراسى الأول 2015 أمنية وجدى
بوكلت اللغة العربية الصف الثانى الابتدائى الفصل الدراسى الأول 2015 أمنية وجدى
أمنية وجدى
التخطيط التشغلى
التخطيط التشغلى
Ahmed Ibrahim Sayed
العملية التعليمية
العملية التعليمية
Nour El-Idreesy
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
Randa Elanwar
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
Feras Al husami فراس فهد الحسامي
ادارة فرق العمل
ادارة فرق العمل
meemar
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
Ibrahim Neyaz
Welding,cutting and brazing أعمال القطع واللحام
Welding,cutting and brazing أعمال القطع واللحام
Mohamed Abd Elahleem
Letter of Recommendation - Parsons, COO
Letter of Recommendation - Parsons, COO
Marlene Selley
الدليل الاجرائي لاستراتيجيات التعلم النشط
الدليل الاجرائي لاستراتيجيات التعلم النشط
د.فداء الشنيقات
أنواع التقويم التربوي
أنواع التقويم التربوي
saraalsulaiman
إن وأخواتها[1]
إن وأخواتها[1]
Emad Elshabrawy
Règles nv 65
Règles nv 65
Bacem Farhat
نواتج التعلم و ضمان جودة العملية التعليمية
نواتج التعلم و ضمان جودة العملية التعليمية
Rocky Hasan
الدرس الاول تخطيط الترم الاول
الدرس الاول تخطيط الترم الاول
hcww school
المهارات المتقدمة في مؤشرات الاداء
المهارات المتقدمة في مؤشرات الاداء
MarwaBadr11
تحديدالاحتياجات التدريبية
تحديدالاحتياجات التدريبية
Elham Alnasir
الاسماء الموصولة
الاسماء الموصولة
هدى الرفاعي
المقدمة الجزرية تحقيق أيمن سويد
المقدمة الجزرية تحقيق أيمن سويد
سمير بسيوني
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
guestb31f27
Eerste 100 dagen.pdf
Eerste 100 dagen.pdf
Due North Consultancy
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
Takahiro Toku
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
健一 茂木
Weitere ähnliche Inhalte
Was ist angesagt?
التخطيط التشغلى
التخطيط التشغلى
Ahmed Ibrahim Sayed
العملية التعليمية
العملية التعليمية
Nour El-Idreesy
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
Randa Elanwar
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
Feras Al husami فراس فهد الحسامي
ادارة فرق العمل
ادارة فرق العمل
meemar
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
Ibrahim Neyaz
Welding,cutting and brazing أعمال القطع واللحام
Welding,cutting and brazing أعمال القطع واللحام
Mohamed Abd Elahleem
Letter of Recommendation - Parsons, COO
Letter of Recommendation - Parsons, COO
Marlene Selley
الدليل الاجرائي لاستراتيجيات التعلم النشط
الدليل الاجرائي لاستراتيجيات التعلم النشط
د.فداء الشنيقات
أنواع التقويم التربوي
أنواع التقويم التربوي
saraalsulaiman
إن وأخواتها[1]
إن وأخواتها[1]
Emad Elshabrawy
Règles nv 65
Règles nv 65
Bacem Farhat
نواتج التعلم و ضمان جودة العملية التعليمية
نواتج التعلم و ضمان جودة العملية التعليمية
Rocky Hasan
الدرس الاول تخطيط الترم الاول
الدرس الاول تخطيط الترم الاول
hcww school
المهارات المتقدمة في مؤشرات الاداء
المهارات المتقدمة في مؤشرات الاداء
MarwaBadr11
تحديدالاحتياجات التدريبية
تحديدالاحتياجات التدريبية
Elham Alnasir
الاسماء الموصولة
الاسماء الموصولة
هدى الرفاعي
المقدمة الجزرية تحقيق أيمن سويد
المقدمة الجزرية تحقيق أيمن سويد
سمير بسيوني
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
guestb31f27
Eerste 100 dagen.pdf
Eerste 100 dagen.pdf
Due North Consultancy
Was ist angesagt?
(20)
التخطيط التشغلى
التخطيط التشغلى
العملية التعليمية
العملية التعليمية
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
Key performance indicators Kpi (arabic) مؤشرات الأداء الأساسية
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
دليل التخطيط الاستراتيجي للتدريب وقياس النتائج
ادارة فرق العمل
ادارة فرق العمل
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
الأسرار السبعة لنجاح مؤشرات الأداء الرئيسية
Welding,cutting and brazing أعمال القطع واللحام
Welding,cutting and brazing أعمال القطع واللحام
Letter of Recommendation - Parsons, COO
Letter of Recommendation - Parsons, COO
الدليل الاجرائي لاستراتيجيات التعلم النشط
الدليل الاجرائي لاستراتيجيات التعلم النشط
أنواع التقويم التربوي
أنواع التقويم التربوي
إن وأخواتها[1]
إن وأخواتها[1]
Règles nv 65
Règles nv 65
نواتج التعلم و ضمان جودة العملية التعليمية
نواتج التعلم و ضمان جودة العملية التعليمية
الدرس الاول تخطيط الترم الاول
الدرس الاول تخطيط الترم الاول
المهارات المتقدمة في مؤشرات الاداء
المهارات المتقدمة في مؤشرات الاداء
تحديدالاحتياجات التدريبية
تحديدالاحتياجات التدريبية
الاسماء الموصولة
الاسماء الموصولة
المقدمة الجزرية تحقيق أيمن سويد
المقدمة الجزرية تحقيق أيمن سويد
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
مفهوم السلامة والصحة المهنية Dr Sekheta in Occupational Safety د. محمد عزام س...
Eerste 100 dagen.pdf
Eerste 100 dagen.pdf
Andere mochten auch
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
Takahiro Toku
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
健一 茂木
ブロックチェーン実証実験から得られた知見
ブロックチェーン実証実験から得られた知見
Hyperleger Tokyo Meetup
データベース屋がHyperledger Fabricを検証してみた
データベース屋がHyperledger Fabricを検証してみた
Hyperleger Tokyo Meetup
Ethereumホワイトペーパーざっくり解説
Ethereumホワイトペーパーざっくり解説
Tomohiro Matsuo
Hyperledger Projectの概要
Hyperledger Projectの概要
Hyperleger Tokyo Meetup
第1回キーワード駆動テスト勉強会
第1回キーワード駆動テスト勉強会
Kinji Akemine
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
Osamu Shimoda
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
Osamu Shimoda
20170704 Pitaliumの新機能
20170704 Pitaliumの新機能
Osamu Shimoda
Hyperledger Fabric 1.0 概要
Hyperledger Fabric 1.0 概要
Hyperleger Tokyo Meetup
20161222 selenium adventcalender
20161222 selenium adventcalender
Naoya Kojima
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
Osamu Shimoda
5分でわかるVISUAL TESTING FOR HTML5
5分でわかるVISUAL TESTING FOR HTML5
Osamu Shimoda
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
Osamu Shimoda
20161218 selenium study4
20161218 selenium study4
Naoya Kojima
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
Osamu Shimoda
暗号通貨勉強会
暗号通貨勉強会
Kohei Ogawa
WordPressの構造を理解しよう
WordPressの構造を理解しよう
Kanako Kobayashi
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
Osamu Shimoda
Andere mochten auch
(20)
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
JaSST Kansai 2017 AIとテストパターン - AI and Testing Pattern-
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
Hyperledgerのチュートリアルで理解する基幹システム向けブロックチェーンハンズオン
ブロックチェーン実証実験から得られた知見
ブロックチェーン実証実験から得られた知見
データベース屋がHyperledger Fabricを検証してみた
データベース屋がHyperledger Fabricを検証してみた
Ethereumホワイトペーパーざっくり解説
Ethereumホワイトペーパーざっくり解説
Hyperledger Projectの概要
Hyperledger Projectの概要
第1回キーワード駆動テスト勉強会
第1回キーワード駆動テスト勉強会
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
OSC京都 2015 LT 「テスト自動化の闇と向き合う」
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
20170704 Pitaliumの新機能
20170704 Pitaliumの新機能
Hyperledger Fabric 1.0 概要
Hyperledger Fabric 1.0 概要
20161222 selenium adventcalender
20161222 selenium adventcalender
JISAAwards2013講演会資料(hifive)
JISAAwards2013講演会資料(hifive)
5分でわかるVISUAL TESTING FOR HTML5
5分でわかるVISUAL TESTING FOR HTML5
ゲームだけじゃないHTML5
ゲームだけじゃないHTML5
20161218 selenium study4
20161218 selenium study4
SeleniumConf16 UK参加報告
SeleniumConf16 UK参加報告
暗号通貨勉強会
暗号通貨勉強会
WordPressの構造を理解しよう
WordPressの構造を理解しよう
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
20151201 私がSeleniumを使ってスクリーンショットを撮るまでに出会った闇の全て
Ähnlich wie HTML5時代のUIテスト自動化
hifiveで実現するエンタープライズHTML5システム開発
hifiveで実現するエンタープライズHTML5システム開発
Osamu Shimoda
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
【STAC2017】テスト自動化システム 成長記
【STAC2017】テスト自動化システム 成長記
友隆 浅黄
OSSではじめるオープン・スタンダードのクラウド @201304
OSSではじめるオープン・スタンダードのクラウド @201304
Shinichiro Arai
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
AINOW
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Monaca
Azure IaaS 環境で安心してシステム開発する方法を教えます
Azure IaaS 環境で安心してシステム開発する方法を教えます
wintechq
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
Yuki Ando
たった1時間でシステム構築!“激速”環境構築を実現する“パターン技術”の秘密とは
たった1時間でシステム構築!“激速”環境構築を実現する“パターン技術”の秘密とは
Rina Owaki
【IVS CTO Night & Day】AWS re:Invent 2017 振り返り
【IVS CTO Night & Day】AWS re:Invent 2017 振り返り
Amazon Web Services Japan
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Staffnet_Inc
Invitation to development tools オープン系開発ツールへのいざない
Invitation to development tools オープン系開発ツールへのいざない
Satoru Yoshida
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
Kazuhiro Kotsutsumi
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック
智治 長沢
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
近藤 繁延
「人工知能」との正しい付き合い方
「人工知能」との正しい付き合い方
Takahiro Kubo
20211109 JAWS-UG SRE keynotes
20211109 JAWS-UG SRE keynotes
Amazon Web Services Japan
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
Toshiyuki Hirata
Ansible・Serverspecベースの自動化フレームワークSHIFT wareの紹介
Ansible・Serverspecベースの自動化フレームワークSHIFT wareの紹介
光平 八代
【17-D-1】今どきのアーキテクチャを現場の立場で斬る
【17-D-1】今どきのアーキテクチャを現場の立場で斬る
Developers Summit
Ähnlich wie HTML5時代のUIテスト自動化
(20)
hifiveで実現するエンタープライズHTML5システム開発
hifiveで実現するエンタープライズHTML5システム開発
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
【STAC2017】テスト自動化システム 成長記
【STAC2017】テスト自動化システム 成長記
OSSではじめるオープン・スタンダードのクラウド @201304
OSSではじめるオープン・スタンダードのクラウド @201304
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
[ML15]Class Cat佐々木さん「いち早く人工知能テクノロジーを取り入れた製品・サービスを市場に展開するには?」
HTML5 クロスプラットフォームアプリ開発の現実解
HTML5 クロスプラットフォームアプリ開発の現実解
Azure IaaS 環境で安心してシステム開発する方法を教えます
Azure IaaS 環境で安心してシステム開発する方法を教えます
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
CODT2020 ビジネスプラットフォームを支えるCI/CDパイプライン ~エンタープライズのDevOpsを加速させる運用改善Tips~
たった1時間でシステム構築!“激速”環境構築を実現する“パターン技術”の秘密とは
たった1時間でシステム構築!“激速”環境構築を実現する“パターン技術”の秘密とは
【IVS CTO Night & Day】AWS re:Invent 2017 振り返り
【IVS CTO Night & Day】AWS re:Invent 2017 振り返り
モダンWeb開発ワークショップ
モダンWeb開発ワークショップ
Invitation to development tools オープン系開発ツールへのいざない
Invitation to development tools オープン系開発ツールへのいざない
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
【Agile Conference tokyo 2011】 継続的フィードバック
【Agile Conference tokyo 2011】 継続的フィードバック
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
AITCシニア技術者勉強会 「今さら聞けないWebサイト開発」 vol1
「人工知能」との正しい付き合い方
「人工知能」との正しい付き合い方
20211109 JAWS-UG SRE keynotes
20211109 JAWS-UG SRE keynotes
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
iOSアプリ開発のテスト環境 - テストをはじめる最初の一歩 -
Ansible・Serverspecベースの自動化フレームワークSHIFT wareの紹介
Ansible・Serverspecベースの自動化フレームワークSHIFT wareの紹介
【17-D-1】今どきのアーキテクチャを現場の立場で斬る
【17-D-1】今どきのアーキテクチャを現場の立場で斬る
Kürzlich hochgeladen
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
Kürzlich hochgeladen
(9)
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
HTML5時代のUIテスト自動化
1.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. HTML5時代のUIテスト自動化 1 技術本部 システム研究開発センター 石川 真也
2.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 自己紹介 2 石川 真也 新日鉄住金ソリューションズ システム研究開発センター所属 リードエンジニア HTML5×業務システム Webアプリケーション×テスト自動化
3.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 要旨 3 HTML5の時代になり 「リッチなユーザインタフェース」をもつ画面を 「複数ブラウザ・デバイスの対応」を実現しつつ 「短いサイクルで開発・リリース」できる土壌が整ってきた ただしその分テストの負担が増大している テスト自動化を阻む課題も存在する テスト自動化の課題とその解決策の一例を紹介 Webアプリテスト自動化ツール「 」 – 主な機能とメリット
4.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 「リッチなユーザインタフェース」とテスト 4 HTML5によって多彩な表現が可能に 図形やグラフの描画など 一方、「ユーザにどう見えているか」のテストが必要に グラフが 表示される マウスを重ねると ツールチップが 表示される • 表示されるか? • 表示される場所は 正しいか? • 表示内容は 正しいか? 機能 テスト
5.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. UIテストが必要 5 目視確認だと 細かい表示内容の変化を 見落としがち だけど…
6.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 「複数ブラウザ・デバイスの対応」とテスト 6 HTML5によって複数のブラウザ・デバイスに対応可能に (レスポンシブデザイン) 一方、「ブラウザ間の差異によるレイアウト崩れ」が 起きることも 対応ブラウザ・デバイスすべてで表示を確認する必要がある https://github.com/philipwalton/flexbugs
7.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. UIテストが全ての対応ブラウザで必要 7 Internet Explorer 11 mobile SafariGoogle Chrome 同じ内容のテストを ブラウザ・デバイスの数 繰り返すのは大変 スマデバの テストは特に 負担大 しかし…
8.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 「短いサイクルで開発・リリース」とテスト 8 短いサイクルでの開発・リリースへの需要増 継続的インテグレーション(CI)が一般的に Jenkins等のツールの充実 一方、リリースの度に回帰テストが必要に 自動化しないテストがボトルネック化する ※回帰テスト:既存機能にバグが埋め込まれていないことを確認するテスト Jenkins project: http://jenkins-ci.org/ ビルド テスト コーディング /デバッグ コミット
9.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 9 Internet Explorer 11 mobile Safari Google Chrome 掛け算的に負担増… 手動では間に合わない →自動化しよう! UIテストが全ての対応ブラウザで リリースの度に必要 もう無理…
10.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. テスト自動化を阻む課題 10 自動化環境やスクリプトの作成・保守コスト大 「ブラウザ間の差異」に対応するために、同じテストに対して ブラウザ毎に個別のスクリプトを書く場合も UIテストは自動化しづらい 「画面が正しく表示されること」をどう定義・記述するか? レイアウトの確認は目視で行う?→ボトルネック化 スクリプト作成・ 保守コスト大 ブラウザ個別の スクリプトが必要 レイアウトの 確認は目視 driver.get(baseUrl + "/myVideoRental/FrontController"); driver.findElement(By.name("shop_id ")).clear(); driver.findElement(By.name("shop_id ")).sendKeys("01"); driver.findElement(By.id("DisplayMen uLogic")).click(); assertEquals("貸出・返却メ ニュー画面", driver.getTitle()); 実施 結果確認準備 driver.get(bas eUrl + "/myVideoRen tal/FrontContr driver.get(bas eUrl + "/myVideoRen tal/FrontContr
11.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. マルチデバイス/ブラウザ対応 Webアプリテスト自動化ツール Pitalium 11
12.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 記述を簡略化 Pitaliumによる解決策 実施 結果確認 スクリプト作成・ 保守コスト大 ブラウザ個別の スクリプトが必要 レイアウトの 確認は目視 準備 driver.get(baseUrl + "/myVideoRental/FrontController"); driver.findElement(By.name("shop_id ")).clear(); driver.findElement(By.name("shop_id ")).sendKeys("01"); driver.findElement(By.id("DisplayMen uLogic")).click(); assertEquals("貸出・返却メ ニュー画面", driver.getTitle()); ワンソース 自動判定 12 driver.get(bas eUrl + "/myVideoRen tal/FrontContr driver.get(bas eUrl + "/myVideoRen tal/FrontContr
13.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. Pitaliumの主な機能 ワンソースで マルチデバイス/ ブラウザのテスト スクリーンショット比較で 合否判定 13 今回ご紹介
14.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. スクリーンショット比較で合否判定 14 取得したスクリーンショットと用意しておいた正解画像を 比較し、テストの合否を判定する 実行時の画像 正解画像 画像比較
15.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. スクリーンショット比較で合否判定 正 解 定 義 スクリーンショット 確認 スクリプト 実行 正解 正解として 保存 OK! テ ス ト 実 行 スクリプト 実行 正解 正解画像と比較 差分を確認 15 取得したスクリーンショットと用意しておいた正解画像を比 較し、テストの合否を判定する
16.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. スクリーンショット比較のメリット 16 (目視確認による)画面テストの負担減 正解画像と比較(自動) スクリーンショット取得(自動) 確認(手動) 失敗ケースの 確認(手動)
17.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. スクリーンショット比較のメリット レイアウト崩れの有無がわかる OK… NG... 全端末分を毎回確認 全ブラウザ OK! 結果を見るだけ 17
18.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. デモ 18 テストを実行しながら、あらかじめ 用 意 し た 「 正 解 」 の ス ク リ ー ン ショットと、今回取得したスクリー ンショットを自動で比較します。 スクリーンショットが一致しなかっ た場合、両者の差分を示す画像が生 成されます。
19.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 要旨(再掲) 19 HTML5の時代になり 「リッチなユーザインタフェース」をもつ画面を 「複数ブラウザ・デバイスの対応」を実現しつつ 「短いサイクルで開発・リリース」できる土壌が整ってきた ただしその分テストの負担が増大している テスト自動化を阻む課題も存在する テスト自動化の課題とその解決策の一例を紹介 Webアプリテスト自動化ツール「 」 – 主な機能とメリット
20.
Copyright ©2017 NS
Solutions Corporation. All Rights Reserved. 商標について 20 NS Solutions、NS(ロゴ)、NSSOLは、新日鉄住金ソリューションズ 株式会社の登録商標です。 hifive、hifive(ロゴ)、Pitalium、Pitalium(ロゴ)は、新日鉄住金 ソリューションズ株式会社の登録商標です。 Internet Explorerは、米国 Microsoft Corporation の米国および その他の国における登録商標です。 その他本文記載の会社名及び製品名は、それぞれ各社の商標又は 登録商標です。
Jetzt herunterladen