《台北》自動化測試實戰：使用 Protractor 實現 E2E 測試

☸ 課程說明

交付網站時，最重要的一環是確保網站能夠順利運行。隨著網站越來越大，商業價值越來越高，若網站上線後沒如預期執行，所造成的衝擊也會越來越大。如何運用有限的人力資源，處理日益龐大的回歸測試，是開發團隊必須面對的課題。此時，自動化測試就是一種最佳實踐。

端對端測試 (End-to-end testing) 非常適合保護高商業價值的功能，因為測試是從使用者的角度出發，對真實的系統進行測試，測試的結果恰恰代表功能符合需求。Protractor 是一套基於 Jasmine 與 Selenium 的 E2E (端對端) 測試框架，雖然 Protractor 初期是為了 Angular 量身打造，但事實上可以適用於任何前端框架使用，即便是 SPA 網頁或傳統網頁多頁面應用程式，都能夠非常有效率的進行撰寫自動化測試。

學習自動化測試已經是現代前端工程師的必備技能，本課程將會帶領你進入 E2E 自動化測試的世界，幫助你在發展系統的同時，也能同時兼顧系統中最重要的商業邏輯不被破壞。

☸ 課程編號

• DCT-109011

☸ 課程日期

• 2020 / 04 / 12  (日)、2020 / 04 / 19  (日)
• 09:30 ~ 16:30 (中午休息一小時)

☸ 課程特色

• 透過精心設計的 Labs 幫助你深入理解 Protractor APIs
• 學習到 Protractor 與 Angular/Vue/React 各種 E2E 測試技巧
• 分享實務上常見的陷阱與解決方案
• 學習 E2E 測試常見的設計樣式 (Design Patterns)
• 善用工具有效率地寫出 E2E 測試程式碼
• 學習到實務上常見的 E2E 測試偵錯技巧

☸ 課程主題

• 建立正確的測試觀念
  • 單元測試
  • 整合測試
  • E2E 測試
• 認識前端測試框架與執行器
  • Karma 介紹
  • Jasmine 介紹
  • Selenium 介紹
• Protractor 基本觀念
  • 認識 Protractor 工具
  • 簡介 Protractor 運作機制
• Protractor 快速上手
  • 建立 Protractor 專案骨架
  • 撰寫第一個 E2E 測試
  • Protractor Recorder
  • 認識 Control Flow
  • 改用 async/await 非同步寫法
  • Protractor 背後的運作機制
  • 認識 NgZone 與 Protractor
• Protractor 實戰演練
  • 認識 ElementFinder 與 Locator
  • 各式 DOM 操作技巧 (表單、檔案上傳、對話方塊)
  • 多重視窗之間的切換技巧
  • 注入 JavaScript 應用技巧
  • 善用 ExpectedConditions APIs
  • 驗證畫面呈現的 E2E 測試
• Protractor 偵錯技巧
  • 使用 Chrome Inspector 的偵錯模式
  • 使用 VS Code 的偵錯模式
  • 例外訊息的判斷技巧
  • 正確處裡各種 Timeout 情境
• Protractor config.js 的運用
  • 瀏覽器的設定
    • 微調 Chrome 啟動與執行設定
    • 同時執行不同瀏覽器 (Chrome, Firefox, IE, Mobile)
  • 正確的方式建立多個 config.js
  • 分類測試 (建立 Suites)
  • 架設 Selenium 伺服器
  • E2E 自動截圖技巧
• Style Guide 與 Action Helper
  • 實作 Page Object 設計樣式
  • Action Helper 介紹

☸ 適合對象

• 學員須了解基礎 HTML / JavaScript 語法
• 學員須了解 CSS 選取器語法 ( CSS Selectors )
• 網站測試人員 / 測試開發工程師 / 測試部門主管
• Web 開發人員 / 網頁前端工程師
• 具有基礎的程式設計概念 (寫過任何一種程式語言即可)
• 本課程不適合完全沒有 JavaScript 開發經驗的人 (僅需基礎JS能力即可)

☸ 預期效益

• 使用正確的觀念撰寫 E2E 自動化測試
• 學會測試網頁 Render 的結果
• 學會 Protractor 偵錯技巧
• 有效率的使用 Protractor 撰寫 E2E 測試
• 使用 Protractor 測試 Angular/Vue/React 網站

☸ 講者名單

• 多奇數位創意有限公司 技術總監  Will 保哥
  • 2018 至今連續 2 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家。
  • 2008 至今連續 12 度當選 微軟最有價值專家 (Developer Technologies)。
  • 2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。
  • 熟悉 Web 開發技術、網站效能調校、許多 .NET/C# 開發技術、SQL Server 資料庫開發、網站內容管理系統、Docker 與 Kubernetes。
  • 曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010~2015 講師、TechEd China 2011, 2013 講師。
  • 出版著作有 ASP.NET MVC 2 開發實戰、Windows Phone 開發實戰、ASP.NET MVC 4 開發實戰等書籍。
  • 部落格: https://blog.miniasp.com/
  • 粉絲頁: https://www.facebook.com/will.fans
• 多奇數位創意有限公司 資深測試工程師 林峻同 Miles
  • 擅長 ASP.NET MVC、單元測試、整合測試、E2E 自動化測試。
  • 興趣專研前後端網頁開發趨勢，系統架構、Docker 微服務技術。

☸ 課程費用

• 課程定價：NT$ 12,000.-
• 優惠票：NT$ 8,000.-
• 三人同行票: NT$ 7,200.-

☸ 退換票辦法

• 考量行政成本，已完成繳費之學員如欲取消報名 -
  • 開課前 11 天申請退費，退學費 90%。
  • 開課前 10 天申請退費，退學費 0%。
• 如需退費，請填寫課程退費申請表，收到申請表，課程專員將寄發通知信以告知申請進度
• 統一退費日期為申請日之下個月10 號。申請時間為「課程退費申請表」的回覆日期。
• 學員須自行負擔匯款手續費 NT 30 元

☸ 注意事項

• 本課程包含午餐
• 學員需攜帶筆電，且須事先安裝好實作環境 (課前公告在FB社團)
• 如需開立三聯式發票，請於報名時提供【公司名稱】與【統一編號】 
• 如公司報帳需要，提早開立發票請提前告知或備註
• 若報名課程學員人數不足15人，主辦單位有權取消當次課程，並退還全額課程費用
• 若因不可抗拒因素(如：天災、停電)主辦單位有權取消當次課程，並退還全額課程費用
• 為配合政府落實節能減碳及推動電子發票政策，本公司自民國 107 年開始使用電子發票。為確保您能順利取得電子發票，煩請於下單時再次確認您已提供正確之 E-mail 信箱。