Submit Search
Upload
[E2E Testing] 一鍵入手 E2E
•
Download as PPTX, PDF
•
0 likes
•
707 views
Ivan Wei
Follow
20150806 Node's party 的簡報,主題是 E2E 帶來得優缺點與簡單的 Demo
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 52
Download now
Recommended
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
Will Huang
從開發人員角度十分鐘理解區塊鏈技術
從開發人員角度十分鐘理解區塊鏈技術
Will Huang
Class 20170126
Class 20170126
Ivan Wei
Getting started with test automation
Getting started with test automation
Ivan Wei
apidoc guide with nodejs
apidoc guide with nodejs
Ivan Wei
Getting started with TDD
Getting started with TDD
Ivan Wei
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Recommended
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
使用 TypeScript 駕馭 Web 世界的脫韁野馬:以 Angular 2 開發框架為例
Will Huang
從開發人員角度十分鐘理解區塊鏈技術
從開發人員角度十分鐘理解區塊鏈技術
Will Huang
Class 20170126
Class 20170126
Ivan Wei
Getting started with test automation
Getting started with test automation
Ivan Wei
apidoc guide with nodejs
apidoc guide with nodejs
Ivan Wei
Getting started with TDD
Getting started with TDD
Ivan Wei
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
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 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
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
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 Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
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...
Applitools
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
More Related Content
Featured
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
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 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
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
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 Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
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...
Applitools
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
GetSmarter
Featured
(20)
Product 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 Health
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
Skeleton Culture Code
Skeleton Culture Code
PEPSICO 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)
How 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 Insights
Trends 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 summary
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
Google'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
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The 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...
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 Work
[E2E Testing] 一鍵入手 E2E
1.
一鍵入手 E2E
2.
什麼是 E2E
3.
模擬使用者 的操作情境
4.
需要時間
5.
6.
要做
7.
使用者 開發者
8.
行同陌路
9.
做有什麼好
10.
11.
12.
專案 A -
1 如期完成 這周進入 專案 A - 2
13.
相信你我 都有過…
14.
A 功能正確 B 功能呢?
15.
這顏色對嗎? 好像不太對!
16.
Success Fail
17.
Success
18.
Fail
19.
20.
21.
Success Fail
22.
錯誤為什麼 會不斷出現
23.
24.
內在因素 • 單元間的獨立性 • 元件間的共用性
25.
單元的獨立性
26.
元件的共用性
27.
外在因素 • 測試流程的承接 • 人為因素
28.
承接
29.
情緒
30.
精神狀況
31.
怎麼改變
32.
測試清單 單元 A 測試狀況 讀取
△ 建立 ╳ 修改 〇 刪除 〇 樣式 〇 單元 B …
33.
多個瀏覽器
34.
A 功能正確 B 功能呢?
35.
多個瀏覽器 IE Chrome FF 讀取
△ 〇 △ 建立 〇 〇 〇 修改 △ 〇 〇 刪除 ╳ 〇 〇 樣式 △ 〇 △
36.
E2E TESTING TOOL
37.
輕鬆
38.
node sample.js
39.
簡單
40.
41.
付出
42.
寫腳本
43.
測試腳本
44.
E2E Go
45.
E2E 的演化
46.
47.
NODE JS
48.
SELENIUM
49.
DEMO
50.
時間有限
51.
52.
• https://github.com/IvanWei/e2e-testing- selenium
Editor's Notes
(提問) 結論可以先提 (讓聽者先有重點)
使用者 → 操作的順暢性 開發者 → 畫面引導性,功能、樣式的正確性
依專案大小 → 時間可長可短。 短 10 分鐘,長可以 1 ~ 2 小時
一定做嗎?覺得需要的舉個手!(做個統計,做與不做)
做有什麼好處呢?(提問)
再趕都該花時間,確認 沒有 Bug 影響操作 整體操作的順暢度
使用者體驗 第一印象差 = 行同陌路
工作上,做 E2E 又有什麼好處呢?
檢查樣式
檢查功能
回報進度
聚精會神,測試每一個新增/調整的功能
鉅細靡遺,檢查每一個 Element
面臨抉擇
心滿意足時,發現某幾個 CSS 怪怪的,就像「這張圖」
多次失敗,心中充滿無限憤怒。
檢查樣式
檢查功能
面臨抉擇
(提問)
修好 A,卻埋 B 問題。 我們左調,右調,上調,下調, 調好一遍,另一遍又讓影響。 怎麼調都差一點, 最後心裡只想做一件事
這裡提得是為什麼會發現開發 A ,結果 B 樣式或功能的錯誤 單元性:易專注在目前開發的環境上 共用性:記得大方向的測試,忘記細節的注意 繼承性:彼此的測試流程行為缺少記錄 能將這三不幸(性)處理,真得是三生有幸(性)
單元性:易專注在目前開發的環境上
共用性:記得大方向的測試,忘記細節的注意
外在因素 = 人為因素
承接:彼此的測試流程行為缺少記錄
可能刮刮樂刮中大獎、被劈腿,世足賽支持的隊伍進球等 ※這裡可以加強表述。很確切提出人為的問題
睡眠不足、生病等
這就是現在大家留下來的原因
用 Excel 、 Word 列清單逐一進行測試記錄 → 解決 →單元性、共用性 測試一種瀏覽器沒問題,但是這個狀況呢?(下一張)
情況換成測試多個瀏覽器呢?
一個人也許問題在掌握中, 團體往往有許多我們預想不到的問題, 造成 測試的時間 > Coding 的時間
跨瀏覽器很容易發生這情況。 主力瀏覽器測試全部通過,其他瀏覽器部分功能或樣式有問題。 為了測試,我們的進化史從原本的這樣(下一張)
為了解決這個問題出現了許多 E2E Testing 的應用工具。 e.g. selenium procreator (angular) IEUnit (IE Only) etc.
一個指令完成前面提到的清單。
看有沒有錯誤訊息
小小付出,換來日後的輕鬆與簡單 我們要付出什麼代價才能得到日後的輕鬆與簡單呢?
我們需要一本符合需求劇本。 上面寫滿各式各樣的細節, e.g. 到門口並放聲大哭3秒鐘,然後若無起事開門和大家打招呼。
一天只有 24 小時,工作 8 小時 寫 E2E 的時間成本遠遠超乎想像。
完成屬於我們團隊的行為測試 (E2E Testing)
E2E 測試將不再只是一個人。 而是手把手看著大家攜手拉把的機器人一點一滴茁壯。
今天的主角
結論 - 1
結論 - 2
Download now