SlideShare a Scribd company logo
1 of 52
一鍵入手 E2E
什麼是 E2E
模擬使用者
的操作情境
需要時間
要做
使用者 開發者
行同陌路
做有什麼好
專案 A - 1
如期完成
這周進入
專案 A - 2
相信你我
都有過…
A 功能正確
B 功能呢?
這顏色對嗎?
好像不太對!
Success Fail
Success
Fail
Success Fail
錯誤為什麼
會不斷出現
內在因素
• 單元間的獨立性
• 元件間的共用性
單元的獨立性
元件的共用性
外在因素
• 測試流程的承接
• 人為因素
承接
情緒
精神狀況
怎麼改變
測試清單
單元 A 測試狀況
讀取 △
建立 ╳
修改 〇
刪除 〇
樣式 〇
單元 B
…
多個瀏覽器
A 功能正確
B 功能呢?
多個瀏覽器
IE Chrome FF
讀取 △ 〇 △
建立 〇 〇 〇
修改 △ 〇 〇
刪除 ╳ 〇 〇
樣式 △ 〇 △
E2E TESTING TOOL
輕鬆
node sample.js
簡單
付出
寫腳本
測試腳本
E2E Go
E2E 的演化
NODE JS
SELENIUM
DEMO
時間有限
• https://github.com/IvanWei/e2e-testing-
selenium

More Related Content

Featured

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Editor's Notes

  1. (提問) 結論可以先提 (讓聽者先有重點)
  2. 使用者 → 操作的順暢性 開發者 → 畫面引導性,功能、樣式的正確性
  3. 依專案大小 → 時間可長可短。 短 10 分鐘,長可以 1 ~ 2 小時
  4. 一定做嗎?覺得需要的舉個手!(做個統計,做與不做)
  5. 做有什麼好處呢?(提問)
  6. 再趕都該花時間,確認 沒有 Bug 影響操作 整體操作的順暢度
  7. 使用者體驗 第一印象差 = 行同陌路
  8. 工作上,做 E2E 又有什麼好處呢?
  9. 檢查樣式
  10. 檢查功能
  11. 回報進度
  12. 聚精會神,測試每一個新增/調整的功能
  13. 鉅細靡遺,檢查每一個 Element
  14. 面臨抉擇
  15. 心滿意足時,發現某幾個 CSS 怪怪的,就像「這張圖」
  16. 多次失敗,心中充滿無限憤怒。
  17. 檢查樣式
  18. 檢查功能
  19. 面臨抉擇
  20. (提問)
  21. 修好 A,卻埋 B 問題。 我們左調,右調,上調,下調, 調好一遍,另一遍又讓影響。 怎麼調都差一點, 最後心裡只想做一件事
  22. 這裡提得是為什麼會發現開發 A ,結果 B 樣式或功能的錯誤 單元性:易專注在目前開發的環境上 共用性:記得大方向的測試,忘記細節的注意 繼承性:彼此的測試流程行為缺少記錄 能將這三不幸(性)處理,真得是三生有幸(性)
  23. 單元性:易專注在目前開發的環境上
  24. 共用性:記得大方向的測試,忘記細節的注意
  25. 外在因素 = 人為因素
  26. 承接:彼此的測試流程行為缺少記錄
  27. 可能刮刮樂刮中大獎、被劈腿,世足賽支持的隊伍進球等 ※這裡可以加強表述。很確切提出人為的問題
  28. 睡眠不足、生病等
  29. 這就是現在大家留下來的原因
  30. 用 Excel 、 Word 列清單逐一進行測試記錄 → 解決 →單元性、共用性 測試一種瀏覽器沒問題,但是這個狀況呢?(下一張)
  31. 情況換成測試多個瀏覽器呢?
  32. 一個人也許問題在掌握中, 團體往往有許多我們預想不到的問題, 造成 測試的時間 > Coding 的時間
  33. 跨瀏覽器很容易發生這情況。 主力瀏覽器測試全部通過,其他瀏覽器部分功能或樣式有問題。 為了測試,我們的進化史從原本的這樣(下一張)
  34. 為了解決這個問題出現了許多 E2E Testing 的應用工具。 e.g. selenium procreator (angular) IEUnit (IE Only) etc.
  35. 一個指令完成前面提到的清單。
  36. 看有沒有錯誤訊息
  37. 小小付出,換來日後的輕鬆與簡單 我們要付出什麼代價才能得到日後的輕鬆與簡單呢?
  38. 我們需要一本符合需求劇本。 上面寫滿各式各樣的細節, e.g. 到門口並放聲大哭3秒鐘,然後若無起事開門和大家打招呼。
  39. 一天只有 24 小時,工作 8 小時 寫 E2E 的時間成本遠遠超乎想像。
  40. 完成屬於我們團隊的行為測試 (E2E Testing)
  41. E2E 測試將不再只是一個人。 而是手把手看著大家攜手拉把的機器人一點一滴茁壯。
  42. 今天的主角
  43. 結論 - 1
  44. 結論 - 2