fbpx

使用 Jest 和 React 測試程式庫 (RTL) 測試 React

Contents

了解使用 Jest 和 React 測試程式庫( Testing Library )測試你的應用程式的最佳實踐 !

從這 8 小時的課程,你會學到

  • 使用 React 測試程式庫 ( Testing Library )測試簡單複復雜的 React 應用程式
  • React 測試最佳實踐:如何測試行為而不是實現
  • 充分利用 Jest 觀察模式,包括一次只運行一個檔案或測試
  • 測試程式庫( Testing Library )返回的常見錯誤以及如何更正它們

要求

  • 使用 JavaScript 的經驗
  • React 的基本經驗
  • 熟悉 React hooks 和上下文(這些在課程的可選 React 部分中有簡要解釋;但以前有這經驗者將會更快學會)

課程說明

React Testing Library 已經成為測試 React 的一個非常流行的選擇,並且有充分的理由! 這個詳細、全面的課程為 React 應用程式測試提供了堅實的基礎。

最佳實踐

React Testing Library 以測試最佳實踐而著稱,旨在鼓勵這些最佳實踐。 本課程教授:

  • 測試行為優於測試實施
  • 以用戶的方式與你的應用互動的測試
  • 通過可訪問性句柄查找元素,以確保你的程式碼儘量能被訪問

廣泛的測試範例

課程應用程式從非常簡單的示例(單擊按鈕以更改其顏色)開始,然後逐步擴展到更複雜的測試概念,例如:

  • 測試非同步頁面更改
  • 使用 Mock Service Worker 模擬來自伺服器的資料
  • 渲染時將上下文提供程式應用於組合元件

該課程逐漸建立複雜的概念,旨在支持你的學習並確保你的成功。

練習你的新技能

你還將有很多機會練習所學知識。 該課程在建構課程專案時提供“程式碼測驗”,你可以在其中應用所學知識,然後觀看視訊以查看解決方案。 (可選的)最後一部分提供了更多練習來完成第二個應用程式並強化課程中的概念。

可選的 React 講座

課程中涵蓋的任何重要 React 程式碼都被隔離到單獨的講座中。 學生有一個選擇:那些想要加強他們的 React 技能(或學習新技能!)的人可以觀看這些講座,而對自己的 React 技能有信心的學生可以跳過這些講座。

支持你的教練

講師在以有益和支持的方式回答課程問答方面擁有良好的記錄。 她喜歡與學生互動,回答有關課程概念的問題,並幫助解決學生的課程專案程式碼問題。

目標受眾

  • 想要學習如何為他們的應用程式編寫功能測試的 React 程式設計師
  • 希望確信編寫程式碼不會破壞現有行為的 React 應用程是工程師(測試,為了勝利!)

講師簡介

Bonnie Schulkin   老師 | 程式設計師 | 平庸的貝斯手

我的教學生涯始於當我小時候與我(不太願意)弟弟上學的時候。 我逐漸將自己的視野擴展到比較願意學習的高中學生,並且最近在各種新手訓練營教授軟體開發給高興學習的成年人。 自 90 年代中期以來,我一直在軟體行業工作,這在舊金山科技界許多程式設計師的誕生之前就已經開始。

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化


🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結


  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: