Unit TestingJest | 再一次測試你的 Component-feat.react-testing-library 基本用法前言 Hi !大家好,雖然之前有使用 Enzyme 講解如何搭配 Jest 對 React 的Component 做測試,但是幾個禮拜前偶然在某個討論串中看到有大神推薦另一套測試 Component 的套件 react-testing-library ,功能和 Enzyme…
Unit TestingJest | 跨越同步執行的 Jest 測試前言 上一篇「讓 Jest 為你的 Code 做測試-基礎用法教學」中提到了如何使用 Jest 做單元測試,但是 JavaScript 是屬於同步執行的程式碼,這種特性會使 Jest…
Unit TestingJest | 替測試設置分類(describe)及作用域(scoping)前言 關於 describe ,在進行測試時其實是很基本的分類,但是因為 describe 牽扯到了作用域,而在作用域內的 beforeAll 和 afterAll 等 Function 又和 async 異步測試有關,所以本篇文章的內容可能會需要先了解「Unit Test…
Unit TestingJest | 讓 Jest 為你的 Code 做測試-基礎用法教學前言 單元測試是進入前端工程後一直很想學的技能,主要是做過測試能讓自己的程式碼維持一定的水準,尤其在團隊開發時,更不會在上線時因為沒注意到某個細節而產生 Bug ,導致專案出現問題。 單元測試 單元測試是指為專案中每個單一行為做測試,通常專案裡的最小單位都是一個 function…
ReactReact | 在 React 中使用 WebSocket - feat. Socket.io 基本教學前言 這次的標題有點複雜和騙人,文章內主要是在 React 中搭配 Socket.io 做使用,而 Socket.io 是一個現成的 WebSocket 套件,儘管它不是真正的 webSocket 協定,但 socket.io 還是實現了 webSocket…
JavaScriptJavaScript | WebSocket 讓前後端沒有距離前言 最近因為工作的關係接觸到 WebSocket , WebSocket 是網路協定的一種, Client 可以透過此協定與 Server 做溝通,而他和一般 http 或 https 不同的是, WebSocket…