SlideShare una empresa de Scribd logo
1 de 19
Automatic Test for Frontend Side
November 2th, 2019
Frontend Conference 2019 LT Session
Woohyeok Aaron Kim (@woosyume)
Rakuten, Inc.
2
Woohyeok Kim
# Certified Scrum Master
# Speaker at SeleniumConf2019
# Favorite Lang : Korean, Java
Leading E2E Test Automation at Rakuten Ranking
Commit to ‘NO maintenance cost’
Head for integration with our container
Organizing Kansai branch of JSUC(Selenium User Community)
Organize E2E Test Automation Day 2019
Plan to hold study community periodically
Having experience of sessions
Agile Japan 2019
DevRel / Japan Conference 2019
KanJava
Etc.
3
Latest trend
RPA(Robotic Process Automation)
4
Latest trend
RPA
Frontend
Test
Automation
5
Rakuten Ranking 1)
1) Ranking Top, 2019/04/03, https://ranking.rakuten.co.jp
6
User Behavior Check
Click function
Move to expected URL
ユーザ行動の確認
1)
1) Ranking Top, 2019/04/03, https://ranking.rakuten.co.jp
7
Banner / Advertisement Check
Contents itself
Click function
バナー・広告の確認
1)
1) Ranking Top, 2019/04/03, https://ranking.rakuten.co.jp
8
Data Integrity Check
Ranking Result
- Rank
- Item Name
- Shop Name
- Price
- Review#
- Particular condition
Update DateGenre Name
ランキングデータ整合性の確認
1)
1) Ranking Top, 2019/04/03, https://ranking.rakuten.co.jp
9
Image Comparison
Increase test accuracy by checking if image is broken or not.
Calculates difference with the previous execution
Before After
TEST FAILS
画像比較による文字化け・画面崩れの検知
1)
1) Ranking Event, 2019/04/03, https://ranking.rakuten.co.jp/event/anpanman/
10
How to do
DOM
1) Ranking Top, 2019/03/07, https://ranking.rakuten.co.jp
searchBar
contentsTitle
//*[@id”rankingImage”]/ul
id / class / xpath
11
driver.findElement(:custom,’ai:cart')Trained
Keyword
‘cart’
‘camera
‘image’
‘shop’
‘share’
…
Test Automation with AI
12
Be a resolution of tasks in the bottle.
The meaning automatic test has
13
Be a resolution of tasks in the bottle.
The meaning automatic test has
14
Tool/Framework for Automated Test
Mobile native appWeb app
15
Event
16
E2E Test Automation Day 2019
17
E2E Test
Automation Day 2020
18
Please join to
日本セレニウムユーザーコミュニティ関西ブランチ
Japan Selenium User Community
[Frontend conference 2019, LT] Automated Test for Frontend

Más contenido relacionado

Más de Woohyeok Kim

[Selenium kansai] Intro
[Selenium kansai] Intro[Selenium kansai] Intro
[Selenium kansai] IntroWoohyeok Kim
 
[Selenium] Effective ROI for test automation
[Selenium] Effective ROI for test automation[Selenium] Effective ROI for test automation
[Selenium] Effective ROI for test automationWoohyeok Kim
 
[Rakuten Technology Conference 2019] Be the central on your field
[Rakuten Technology Conference 2019] Be the central on your field[Rakuten Technology Conference 2019] Be the central on your field
[Rakuten Technology Conference 2019] Be the central on your fieldWoohyeok Kim
 
[DevRel/Japan Conf] Empower brand power of your community
[DevRel/Japan Conf] Empower brand power of your community[DevRel/Japan Conf] Empower brand power of your community
[DevRel/Japan Conf] Empower brand power of your communityWoohyeok Kim
 
[Agile Japan 2019] Unlimited Agility
[Agile Japan 2019] Unlimited Agility[Agile Japan 2019] Unlimited Agility
[Agile Japan 2019] Unlimited AgilityWoohyeok Kim
 
UX with google amp for WebDesigner
UX with google amp for WebDesignerUX with google amp for WebDesigner
UX with google amp for WebDesignerWoohyeok Kim
 
[E2E Test AutomationDay2019] intro
[E2E Test AutomationDay2019] intro[E2E Test AutomationDay2019] intro
[E2E Test AutomationDay2019] introWoohyeok Kim
 
[KaizenDiary] Minimize processing time on Automated Test
[KaizenDiary] Minimize processing time on Automated Test[KaizenDiary] Minimize processing time on Automated Test
[KaizenDiary] Minimize processing time on Automated TestWoohyeok Kim
 
[SeleniumConf2019 Tokyo] All is thanks to you, selenium
[SeleniumConf2019 Tokyo] All is thanks to you, selenium[SeleniumConf2019 Tokyo] All is thanks to you, selenium
[SeleniumConf2019 Tokyo] All is thanks to you, seleniumWoohyeok Kim
 

Más de Woohyeok Kim (9)

[Selenium kansai] Intro
[Selenium kansai] Intro[Selenium kansai] Intro
[Selenium kansai] Intro
 
[Selenium] Effective ROI for test automation
[Selenium] Effective ROI for test automation[Selenium] Effective ROI for test automation
[Selenium] Effective ROI for test automation
 
[Rakuten Technology Conference 2019] Be the central on your field
[Rakuten Technology Conference 2019] Be the central on your field[Rakuten Technology Conference 2019] Be the central on your field
[Rakuten Technology Conference 2019] Be the central on your field
 
[DevRel/Japan Conf] Empower brand power of your community
[DevRel/Japan Conf] Empower brand power of your community[DevRel/Japan Conf] Empower brand power of your community
[DevRel/Japan Conf] Empower brand power of your community
 
[Agile Japan 2019] Unlimited Agility
[Agile Japan 2019] Unlimited Agility[Agile Japan 2019] Unlimited Agility
[Agile Japan 2019] Unlimited Agility
 
UX with google amp for WebDesigner
UX with google amp for WebDesignerUX with google amp for WebDesigner
UX with google amp for WebDesigner
 
[E2E Test AutomationDay2019] intro
[E2E Test AutomationDay2019] intro[E2E Test AutomationDay2019] intro
[E2E Test AutomationDay2019] intro
 
[KaizenDiary] Minimize processing time on Automated Test
[KaizenDiary] Minimize processing time on Automated Test[KaizenDiary] Minimize processing time on Automated Test
[KaizenDiary] Minimize processing time on Automated Test
 
[SeleniumConf2019 Tokyo] All is thanks to you, selenium
[SeleniumConf2019 Tokyo] All is thanks to you, selenium[SeleniumConf2019 Tokyo] All is thanks to you, selenium
[SeleniumConf2019 Tokyo] All is thanks to you, selenium
 

Último

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...Wes McKinney
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Hiroshi SHIBATA
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditSkynet Technologies
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Farhan Tariq
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...AliaaTarek5
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes
 

Último (20)

The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
The Future Roadmap for the Composable Data Stack - Wes McKinney - Data Counci...
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance[Webinar] SpiraTest - Setting New Standards in Quality Assurance
[Webinar] SpiraTest - Setting New Standards in Quality Assurance
 
Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024Long journey of Ruby standard library at RubyConf AU 2024
Long journey of Ruby standard library at RubyConf AU 2024
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...
 
Manual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance AuditManual 508 Accessibility Compliance Audit
Manual 508 Accessibility Compliance Audit
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...Genislab builds better products and faster go-to-market with Lean project man...
Genislab builds better products and faster go-to-market with Lean project man...
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxThe Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx
 
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
(How to Program) Paul Deitel, Harvey Deitel-Java How to Program, Early Object...
 
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxPasskey Providers and Enabling Portability: FIDO Paris Seminar.pptx
Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesHow to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes
 

[Frontend conference 2019, LT] Automated Test for Frontend

Notas del editor

  1. 개인적으로 앙케이트 라쿠텐 오사카 백엔드 엔지니어
  2. 무엇을 만드는가 여러가지 프레임워 크에 기반한 화면테스트 Regression Test
  3. 첫 번째는 유저행동 확인
  4. 두 번째는 배너 광고 확인
  5. 데이터 정합성 확인
  6. 2분 또 하나는 화면 비교를 통한 1위부터 80위까지 표시 만약 밑에서 모지바케가 발생한 경우 이를 찾아내기가 쉽지 않다. 1프로라도 오차가 발생할 시 %는 허용범위 일상적으로 엔지니어가 발견하기 어려운 것들을 대신 발견할 수 있도록. 엔지니어의 시력, 노안, 컨디션
  7. Based on Appium and test.ai I tried to indicate DOM by using some trained keywords. The trained keywords can understand what part is a cart and what image can be used as cart. If you wanna get an element of ‘KaimonoKago’, you can just set ‘cart’ keyword which is trained beforehand.
  8. 단순히 테스트를 기계의 힘을 빌려 한다는 것 이상의 의미를 가짐 소화할 수 있는 양에는 한계가 있다. 보틀넥
  9. 20시간 시급을 3천엔이라 계산했을 때 1회 당 6만엔의 비용 절감 가능
  10. 컨퍼런스 참여 이렇게 뜨겁다 트위터 반응