iT邦幫忙

jest相關文章
共有 23 則文章
鐵人賽 Modern Web DAY 19

技術 Day 19 測試 React 元件:Mock HTTP Requests

如果元件內有牽涉 HTTP requests ,我們通常需要在測試中 mock 它們。今天將學習如何測試元件的時候 mock 這些 HTTP requests。...

鐵人賽 Modern Web DAY 18

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

目前為止我們已經了解該如何使用 React Testing Library 的 render 跟 debug 來 測試元件的狀態了。 今天我們將繼續探索如何測試...

鐵人賽 Modern Web DAY 17

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

昨天我們學習了如何在測試裡 render 元件,並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...

鐵人賽 Modern Web DAY 17
玩轉 Storybook 系列 第 17

技術 玩轉 Storybook: Day 17 Unit Test with JEST

用 Storybook 搭配測試方法,從元件開發到完成整個專案,可以增加開發者的信心,不會擔心改A錯B的狀況發生,因為從邏輯面及UI面都能被完整的測試到。 單元...

鐵人賽 Modern Web DAY 16

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

使用 ReactDOM 來 Render 被測試元件 假設現在有一個 <FavoriteNumber /> 元件,我們要測試它是否有 render...

鐵人賽 Modern Web DAY 9

技術 Day9 理解 Mock 基礎概念:mock 整個 module 及共用 mock module

用 jest.mock 來 mock 整個 module 今天 「理解 Mock 基礎概念」 即將告一個段落,目前為止我們 mock function 大致上滿...

鐵人賽 Modern Web DAY 8

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

到目前為止,我們還是「手動」地記住及復原需要被 mock 的 function,例如: test('returns winner', () => {...

鐵人賽 Modern Web DAY 7

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

通常,在測試 JavaScript 跟 Mock 依賴的時候,我們需要確認 Functions 是不是有被正確地呼叫,例如:被呼叫了幾次?參數是否有正常傳遞進去...

技術 鼠年全馬鐵人挑戰 WEEK 19:Jest (下)

                Photo on jestjs.io 前言 上一篇已經簡單的介紹過 Jest 的初始作業,並執行簡單的測試 如果正在看這篇的...

技術 鼠年全馬鐵人挑戰 WEEK 18:Jest (上)

                Photo on jestjs.io 前言 在前幾篇的文章內容中,介紹過兩個自動化測試框架的主題 分別是 Robot Fra...

鐵人賽 Software Development DAY 21

技術 [Day21] 精通React測試驅動開發 ─ TDD & Jest

嗨 大家好 我是一路爬坡的阿肥 阿肥竟然撐過第三個禮拜了! 真的太感動了嗚嗚 希望可以撐到最後! 前言 今天阿肥又要講跟設計模式沒什麼直接相關的主題啦(被揍)...

鐵人賽 Modern Web DAY 20

技術 Day19 | Component 的測試方式不私藏

前言 今天要進入如何對 Component 做測試,這裡筆者之前是使用 Enzyme ,可能也是主流的 React 的測試框架,但是學測試的時候 React 剛...

鐵人賽 Modern Web DAY 19

技術 Day18 | 用 Mock 打造國家機器,驗證函式執行 feat. jest

前言 本篇會提及的 Mock 在 Unit Test 中扮演著很重要的角色,因為單元測試必須將關注點放在要被測試的 function 身上,不能讓不確定性在 f...

鐵人賽 Modern Web DAY 18

技術 Day17 | 不知道對不對,就把邏輯通通測起來 feat. Jest

前言 單元測試是個很神奇的技能,筆者一開始是為了重構而學的,那時候單純的以為寫下測試只是方便讓邏輯不被改變,但是沒想到它帶來的好處比想像中的還多,因為在為程式寫...

鐵人賽 Software Development DAY 13

技術 參數化測試 - 13

先前我們寫的測試案例程式碼, 有很多test 裡面的程式碼都一樣 test('buy 1 book', () => { let bookstore...

鐵人賽 Software Development DAY 12

技術 建立測試案例 - 12

設定好 test 測試環境, 以及 git 環境設定, 現在我們可以開始搗鼓我們的產品實驗室. 當我們編寫產品程式時, 我們就試著用下面流程來跑 紅燈 --...

鐵人賽 Software Development DAY 11

技術 簡單的Git 操作 - 11

建立測試 還沒開始進行撰寫測試程式之前, 我們得先安裝測試框架, 前端的測試框架很多, 有Jest, 還有Mocha, Jasmine, Tape, 在這裡我選...

鐵人賽 Modern Web DAY 26

技術 Day 26 : Jest - 前端測試

當專案越來越大,開發越來越複雜時,測試就是一項保險機制。 在 Gamilms 的前端測試用的框架,這裡選用 Jest 新建專案時選擇單元測試 選擇 jest...

鐵人賽 Software Development DAY 20

技術 Day 20 - 二周目 - 軟體測試(Testing):測試非同步函數

回憶 昨天我們談了如何做驗証和掛入 middleware 來驗証 token。今天要著重測試這塊 想必大家一定常聽到 自動軟體測試、TDD 與 BDD這之類的名...

鐵人賽 Modern Web DAY 26

技術 Day 26:在 React Native 進行單元測試

前言 測試的種類有許多種,包括單元測試、整合測試。一般會先從單元測試做起,打好根基,也能加強效率高的小範圍的除錯。 在 React Native 中,有很多的理...

鐵人賽 Modern Web DAY 26

技術 如果你很懶,那你更應該寫測試:jest

如果你很懶,那你更應該寫測試:jest 什麼是測試呢?其實就是用程式碼去幫你自動檢測一些狀況會不會碰到錯誤。寫測試在現今是一件很重要的事情,但其實很多人(包含我...

鐵人賽 Modern Web DAY 25

技術 Day 25 / Test -- Jest

Jest <好讀版> 前言 這章要介紹的也是 Facebook 開源計劃的項目 Jest。Jest 和 Flow 不一樣,是一個單元測試的套件,可以...

鐵人賽 Modern Web DAY 3

技術 Day 03:React Ecosystem

本篇目的 這篇雖然不免俗的介紹到一些眾所皆知的工具,但嘗試用一些比較不死板的方式,寫出基本概念、筆者的看法與一些值得參考的資源,相信可以帶給大家一些啟發。 Ba...