前言 測試的種類有許多種，包括單元測試、整合測試。一般會先從單元測試做起，打好根基，也能加強效率高的小範圍的除錯。 在 React Native 中，有很多的理...
前言 今天要進入如何對 Component 做測試，這裡筆者之前是使用 Enzyme ，可能也是主流的 React 的測試框架，但是學測試的時候 React 剛...
此篇為番外，為選入本篇的原因為 Jest 的功能與單元測試的方式多元且複雜，此篇僅能做初步的介紹，因此放於番外作補充。 隨著 TDD 的流行，單元測試在現在...
到目前為止，我們還是「手動」地記住及復原需要被 mock 的 function，例如： test('returns winner', () => {...
如果你很懶，那你更應該寫測試：jest 什麼是測試呢？其實就是用程式碼去幫你自動檢測一些狀況會不會碰到錯誤。寫測試在現今是一件很重要的事情，但其實很多人（包含我...
什麼是單元測試？ 單元測試 (Unit Testing) 是針對程式碼的最小單位來進行正確性檢驗的測試工作，並確保程式碼不會在迭代維護的過程中出現 Bug，通過...
在開始進入複雜的內容之前，我想先帶大家認識幾個會大量出現在每一個測試程式碼裡的核心語法，這些語法如果不了解的話可能就沒辦法看懂之後的測試程式碼，所以我們趕快開始...
Jest <好讀版> 前言 這章要介紹的也是 Facebook 開源計劃的項目 Jest。Jest 和 Flow 不一樣，是一個單元測試的套件，可以...
前言 本篇會提及的 Mock 在 Unit Test 中扮演著很重要的角色，因為單元測試必須將關注點放在要被測試的 function 身上，不能讓不確定性在 f...
用 jest.mock 來 mock 整個 module 今天 「理解 Mock 基礎概念」 即將告一個段落，目前為止我們 mock function 大致上滿...
如果元件內有牽涉 HTTP requests ，我們通常需要在測試中 mock 它們。今天將學習如何測試元件的時候 mock 這些 HTTP requests。...
本篇目的 這篇雖然不免俗的介紹到一些眾所皆知的工具，但嘗試用一些比較不死板的方式，寫出基本概念、筆者的看法與一些值得參考的資源，相信可以帶給大家一些啟發。 Ba...
回憶 昨天我們談了如何做驗証和掛入 middleware 來驗証 token。今天要著重測試這塊 想必大家一定常聽到 自動軟體測試、TDD 與 BDD這之類的名...
使用 ReactDOM 來 Render 被測試元件 假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...
前言 單元測試是個很神奇的技能，筆者一開始是為了重構而學的，那時候單純的以為寫下測試只是方便讓邏輯不被改變，但是沒想到它帶來的好處比想像中的還多，因為在為程式寫...
當專案越來越大，開發越來越複雜時，測試就是一項保險機制。 在 Gamilms 的前端測試用的框架，這裡選用 Jest 新建專案時選擇單元測試 選擇 jest 分...
通常，在測試 JavaScript 跟 Ｍock 依賴的時候，我們需要確認 Functions 是不是有被正確地呼叫，例如：被呼叫了幾次？參數是否有正常傳遞進去...
Photo on jestjs.io 前言 上一篇已經簡單的介紹過 Jest 的初始作業，並執行簡單的測試如果正在看這篇的大...
Event Handling 在開發元件時一定少不了會需要觸發事件的時候，像是 click 事件、input 事件等等，所以我來用簡單的 Counter 來示範...
目前為止我們已經了解該如何使用 React Testing Library 的 render 跟 debug 來 測試元件的狀態了。 今天我們將繼續探索如何測試...
Conditional Rendering 在寫元件時最常見的就是會使用 v-if 來動態插入和刪除元素，我們馬上來看看下面的範例程式。 const Compo...
Props 與 Computed 是開發元件最常使用的屬性，下面的範例是一個運用 Props 與 Computed 的簡單例子。 import { ref, c...
用 Storybook 搭配測試方法，從元件開發到完成整個專案，可以增加開發者的信心，不會擔心改A錯B的狀況發生，因為從邏輯面及UI面都能被完整的測試到。 單元...
昨天我們學習了如何在測試裡 render 元件，並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...
今天這篇文章主要想介紹兩個重點： 測試使用 Vuex 的元件 測試 Vuex 本身 Testing Component with Vuex 下面是一個使用了...
幾乎每個網站都會使用到表單元素 (Form Elements)，例如登入頁、註冊頁就有非常多個輸入框(<input>)在其中，又或者是網站的 hea...
嗨 大家好 我是一路爬坡的阿肥 阿肥竟然撐過第三個禮拜了！真的太感動了嗚嗚希望可以撐到最後！ 前言 今天阿肥又要講跟設計模式沒什麼直接相關的主題啦（被揍）。雖...
嗨各位看官們,對~又是我! 這是第二次參加鐵人賽,除了要檢視自己是不是有進步以外,也想把這一年來有學到的東西分享給大家 ! 上一屆鐵人賽寫了PHP後端框架-sy...
Photo on jestjs.io 前言 在前幾篇的文章內容中，介紹過兩個自動化測試框架的主題分別是 Robot Fram...
前言 在我們撰寫jest的時候，常常會遇到source code的function有使用到setTimeout的情況，若是我們在jest中也使用setTimeo...
C. T. Lin
神Q超人
Peter Chen
TWGD
huli
Mia Yang
沒一村
eugenechen
Aoma
lala_lee_jobs
Yuri Tsai
Ivy
iThome鐵人賽
看影片追技術