iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 30
1
Modern Web

循序漸進學習 Javascript 測試系列 第 30

Day 30 結束才是開始,參賽反思與改進

先來回顧一下參賽契機

其實在鐵人賽開始宣傳的時候,都還沒有認真想過要參賽。直到九月鐵人賽進入開賽期了,突然被密集的宣傳給打中,開始思考自己是不是也有參賽的可能。評估一下時間跟參賽的目的,就決定腦衝報名了。報名時只抱著幾個目的:強迫自己學習、推自己一把開始寫文、完賽。沒有太多規劃,決定跟著課程脈絡紀錄學習筆記。

目前的系列目錄

前言

Day 1 開始之前,先理解為什麼要寫測試

JavaScript 測試的基礎概念

Day2 從測試基礎著手:動手做一個超簡易測試工具

靜態測試

Day3 靜態分析:用 ESLint 檢查語法錯誤

Day4 靜態分析:自動排版就交給 Prettier 來做

Day5 靜態分析:讓靜態檢查自動化

JavaScript Mocking 的基礎概念

Day6 理解 Mock 基礎概念:從 Monkey-patching 開始

Day7 理解 Mock 基礎概念:初探 **mock function,**確保 Functions 被正確呼叫

Day8 理解 Mock 基礎概念:使用 jest.spyOn 復原被 mock 的 function

Day9 理解 Mock 基礎概念:mock 整個 module 及讓 mock module 可以共用

實戰 Jest 配置

Day10 實戰 Jest 配置:準備篇

Day11 實戰 Jest 配置:搞定前端測試配置,了解 Jest 如何在 Node 環境測試 Browser code

Day12 實戰 Jest 配置:Jest Snapshots 幫助撰寫跟維護 assertions

Day13 實戰 Jest 配置:Jest moduleDirectories

Day14 實戰 Jest 配置:增進 Development Experience

Day15 實戰 Jest 配置:以不同的配置跑測試

測試 React 元件

Day 16 測試 React 元件:render 元件及使用 Jest DOM & dom-testing-library

Day 17 測試 React 元件:使用 React Testing Library 測試元件的狀態

Day 18 測試 React 元件:測試元件的 Event Handlers

Day 19 測試 React 元件:Mock HTTP Requests

Day 20 測試 React 元件:測試 Error Boundary 元件

Day 21 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 1

Day 22 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 2

Day 23 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 3

Day 24 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 4

Day 25 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 5

Day 26 測試 React 元件:使用 React Testing Library 體驗 Test Driven Development (TDD) - 6

Day 27 測試 React 元件:測試 react-router

Day 28 測試 React 元件:測試 Redux

Day 29 測試 React 元件:測試 React Hook

結語

Day 30 結束才是開始,參賽反思與改進


上一篇
Day 29 測試 React 元件:測試 React Hook
系列文
循序漸進學習 Javascript 測試30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言