国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁 web前端 js教程 在 TDD 之前:為什么需要知道 Mock、Stub 和 Spies 是什么?

在 TDD 之前:為什么需要知道 Mock、Stub 和 Spies 是什么?

Jan 10, 2025 am 09:23 AM

Before TDD: Why you need to know what Mocks, Stubs, and Spies are?

大家好!今天我?guī)硪粋€我認為很有趣的話題。我知道網(wǎng)上有幾十篇文章討論 TDD、BDD、測試設(shè)計模式、如何編寫測試以及許多其他相關(guān)主題。然而,我很少看到文章解釋測試領(lǐng)域中更基本的術(shù)語——這些函數(shù)我們經(jīng)常使用,但并不總是完全理解它們的含義或行為方式。如果您剛剛開始學(xué)習(xí)測試并且不確切了解庫函數(shù)的作用,那么本文適合您。祝您閱讀愉快!

什么是模擬?

一旦開始編寫測試,您可能遇到的第一件事就是模擬。有時您已經(jīng)使用過它們,但不知道它們的確切含義。那么,讓我們開始吧。

模擬主要用于單元測試。它們是用于模擬內(nèi)容、對象或響應(yīng)的工具,這些內(nèi)容、對象或響應(yīng)通常來自外部依賴項,或者當您需要內(nèi)容包含特定信息時。

想象一下您正在測試一個電影推薦系統(tǒng)。該系統(tǒng)從 API 獲取電影列表并將其返回給您。

問題是:如果每次運行測試時都調(diào)用真正的 API,它可能會很慢且不一致(電影可能會有所不同,或者 API 可能會關(guān)閉),從而使測試不可靠。

好吧,Leo,我明白了問題,但是模擬如何解決這個問題?嗯,這很簡單:您不調(diào)用 API,而是使用它的響應(yīng)作為電影的靜態(tài)列表。它基本上是用該電影列表“偽造”API 響應(yīng)。

在電影系統(tǒng)示例中,如果您想測試一個名為 fetchMoviesFromAPI() 的函數(shù),該函數(shù)使用 API 來獲取電影,您可以創(chuàng)建一個模擬來模擬 API 響應(yīng),如下所示:

// This is the mock
const MOVIES_FROM_API = [
    {
        id: 1,
        name: "Interstellar"
    },
    {
        id: 2,
        name: "Nosferatu"
    }
]

// Here, we’re telling fetchMoviesFromAPI to return our mock instead of calling the real API. This is a stub, which you’ll learn about in the next section.
const fetchMoviesFromAPI = jest.fn().mockResolvedValue(MOVIES_FROM_API)

;(async () => {
    {
        const expectedMovies = MOVIES_FROM_API
        const movies = await fetchMoviesFromAPI()

        expect(movies).toEqual(MOVIES_FROM_API)
    }
})()

使用模擬,您的測試會變得更加高效,因為它們不依賴于外部服務(wù)。此外,它們還獲得了可靠性,因為您可以完全控制返回結(jié)果,從而可以將重點放在驗證功能上,而不必擔(dān)心潛在的 API 不穩(wěn)定或停機。

模擬是靜態(tài)對象,模擬來自測試所需的調(diào)用或其他對象的響應(yīng)。

最終,這就像在不使用真正的汽油的情況下測試汽車一樣。您創(chuàng)建一個受控環(huán)境,以確保發(fā)動機在上路之前正常工作。

我得到了嘲笑,現(xiàn)在什么是存根?

存根也是測試工具,但用途略有不同。他們用預(yù)先確定的東西替換函數(shù)的行為,通常使用模擬來返回特定值。

存根取代了函數(shù)的行為。例如,當我訪問該電影 API 時,該函數(shù)不會進行真正的調(diào)用,而是會查看我們的模擬(電影的靜態(tài)列表)。

它們還提醒我們我們的測試不應(yīng)依賴于外部服務(wù)或互聯(lián)網(wǎng)。

讓我給您一些背景信息:假設(shè)您正在測試一個計算在線購買總價值的應(yīng)用程序。該計算包括從外部服務(wù)獲取的費用。每次運行測試時,都需要進行此計算,這意味著需要調(diào)用外部服務(wù)。這可能會導(dǎo)致緩慢、不穩(wěn)定、成本高昂(因為外部服務(wù)可能按請求收費)和不一致的測試(值可能會改變)。

使用存根,您將用固定的預(yù)定義值(是的,模擬)替換真正的服務(wù)調(diào)用。您可以說:“始終返回值 10 作為費用。”

,而不是調(diào)用費用服務(wù)。

假設(shè)您想要測試函數(shù)calculateTotalPurchase(),該函數(shù)總結(jié)購物車商品的價值并添加運費。使用存根,您可以將運費服務(wù)替換為始終返回“10”作為運費的值。像這樣:

// This is the mock
const MOVIES_FROM_API = [
    {
        id: 1,
        name: "Interstellar"
    },
    {
        id: 2,
        name: "Nosferatu"
    }
]

// Here, we’re telling fetchMoviesFromAPI to return our mock instead of calling the real API. This is a stub, which you’ll learn about in the next section.
const fetchMoviesFromAPI = jest.fn().mockResolvedValue(MOVIES_FROM_API)

;(async () => {
    {
        const expectedMovies = MOVIES_FROM_API
        const movies = await fetchMoviesFromAPI()

        expect(movies).toEqual(MOVIES_FROM_API)
    }
})()

這簡化了測試并確保其可重復(fù)性,這意味著它始終以相同的方式工作。此外,存根有助于隔離測試,無需擔(dān)心費用 API 的狀態(tài)或可用性。

總而言之,這就像使用量杯測試蛋糕配方,總是顯示 200 毫升牛奶,而不是測量實際的牛奶量。這樣,您只需測試是否可以混合原料,而不必擔(dān)心牛奶的測量是否正確。

模擬、存根……最后,什么是間諜?

我們探索了模擬(模擬對象)和存根(模擬函數(shù)行為)?,F(xiàn)在,我們來談?wù)勯g諜:他們到底是做什么的?

Spies監(jiān)控函數(shù),記錄它們被調(diào)用了多少次,接收到了什么參數(shù),以及每次執(zhí)行的結(jié)果。它們允許您觀察函數(shù)的行為而不改變它,確保一切按預(yù)期工作。

假設(shè)您正在測試項目的通知模塊。每次訂單完成時,系統(tǒng)都應(yīng)向客戶發(fā)送一條消息并記錄一個條目。在這種情況下,您只想確保執(zhí)行這些操作,但不想替換其中任何操作。使用間諜,您可以監(jiān)視這些功能而不改變它們的行為。這可以讓您看到:

  • 如果函數(shù)被調(diào)用
  • 被調(diào)用了多少次
  • 它收到了什么論據(jù)

例如,如果您想使用間諜測試向客戶發(fā)送通知并記錄條目的completeOrder() 函數(shù),您可以驗證:

  • 如果調(diào)用了通知函數(shù)
  • 如果調(diào)用了日志函數(shù)
  • 這些函數(shù)收到了什么參數(shù)。
// This is the mock
const MOVIES_FROM_API = [
    {
        id: 1,
        name: "Interstellar"
    },
    {
        id: 2,
        name: "Nosferatu"
    }
]

// Here, we’re telling fetchMoviesFromAPI to return our mock instead of calling the real API. This is a stub, which you’ll learn about in the next section.
const fetchMoviesFromAPI = jest.fn().mockResolvedValue(MOVIES_FROM_API)

;(async () => {
    {
        const expectedMovies = MOVIES_FROM_API
        const movies = await fetchMoviesFromAPI()

        expect(movies).toEqual(MOVIES_FROM_API)
    }
})()

總而言之,這就像放置一個相機來觀察廚師在廚房里做什么。你不干涉他們正在做的事情;你只需檢查他們是否正確遵循食譜即可。

所以,就是這樣!您已經(jīng)學(xué)習(xí)并理解了術(shù)語“模擬”、“存根”和“間諜”,它們是創(chuàng)建可靠且高效的測試的基本元素?,F(xiàn)在你可以繼續(xù)深化你的學(xué)習(xí)了。再見,再見!

以上是在 TDD 之前:為什么需要知道 Mock、Stub 和 Spies 是什么?的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本站聲明
本文內(nèi)容由網(wǎng)友自發(fā)貢獻,版權(quán)歸原作者所有,本站不承擔(dān)相應(yīng)法律責(zé)任。如您發(fā)現(xiàn)有涉嫌抄襲侵權(quán)的內(nèi)容,請聯(lián)系admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

人工智能驅(qū)動的應(yīng)用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用于從照片中去除衣服的在線人工智能工具。

Clothoff.io

Clothoff.io

AI脫衣機

Video Face Swap

Video Face Swap

使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

功能強大的PHP集成開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級代碼編輯軟件(SublimeText3)

在JavaScript中使用哪些評論符號:一個明確的解釋 在JavaScript中使用哪些評論符號:一個明確的解釋 Jun 12, 2025 am 10:27 AM

在JavaScript中,選擇單行注釋(//)還是多行注釋(//)取決于注釋的目的和項目需求:1.使用單行注釋進行快速、內(nèi)聯(lián)的解釋;2.使用多行注釋進行詳細的文檔說明;3.保持注釋風(fēng)格的一致性;4.避免過度注釋;5.確保注釋與代碼同步更新。選擇合適的注釋風(fēng)格有助于提高代碼的可讀性和可維護性。

Java vs. JavaScript:清除混亂 Java vs. JavaScript:清除混亂 Jun 20, 2025 am 12:27 AM

Java和JavaScript是不同的編程語言,各自適用于不同的應(yīng)用場景。Java用于大型企業(yè)和移動應(yīng)用開發(fā),而JavaScript主要用于網(wǎng)頁開發(fā)。

掌握JavaScript評論:綜合指南 掌握JavaScript評論:綜合指南 Jun 14, 2025 am 12:11 AM

評論arecrucialinjavascriptformaintainingclarityclarityandfosteringCollaboration.1)heelpindebugging,登機,andOnderStandingCodeeVolution.2)使用林格forquickexexplanations andmentmentsmmentsmmentsmments andmmentsfordeffordEffordEffordEffordEffordEffordEffordEffordEddeScriptions.3)bestcractices.3)bestcracticesincracticesinclud

JavaScript評論:簡短說明 JavaScript評論:簡短說明 Jun 19, 2025 am 12:40 AM

JavascriptconcommentsenceenceEncorenceEnterential gransimenting,reading and guidingCodeeXecution.1)單inecommentsareusedforquickexplanations.2)多l(xiāng)inecommentsexplaincomplexlogicorprovideDocumentation.3)

JavaScript數(shù)據(jù)類型:深度潛水 JavaScript數(shù)據(jù)類型:深度潛水 Jun 13, 2025 am 12:10 AM

JavaScripthasseveralprimitivedatatypes:Number,String,Boolean,Undefined,Null,Symbol,andBigInt,andnon-primitivetypeslikeObjectandArray.Understandingtheseiscrucialforwritingefficient,bug-freecode:1)Numberusesa64-bitformat,leadingtofloating-pointissuesli

JavaScript與Java:開發(fā)人員的全面比較 JavaScript與Java:開發(fā)人員的全面比較 Jun 20, 2025 am 12:21 AM

JavaScriptIspreferredforredforwebdevelverment,而Javaisbetterforlarge-ScalebackendsystystemsandSandAndRoidApps.1)JavascriptexcelcelsincreatingInteractiveWebexperienceswebexperienceswithitswithitsdynamicnnamicnnamicnnamicnnamicnemicnemicnemicnemicnemicnemicnemicnemicnddommanipulation.2)

如何在JS中與日期和時間合作? 如何在JS中與日期和時間合作? Jul 01, 2025 am 01:27 AM

JavaScript中的日期和時間處理需注意以下幾點:1.創(chuàng)建Date對象有多種方式,推薦使用ISO格式字符串以保證兼容性;2.獲取和設(shè)置時間信息可用get和set方法,注意月份從0開始;3.手動格式化日期需拼接字符串,也可使用第三方庫;4.處理時區(qū)問題建議使用支持時區(qū)的庫,如Luxon。掌握這些要點能有效避免常見錯誤。

JavaScript:探索用于高效編碼的數(shù)據(jù)類型 JavaScript:探索用于高效編碼的數(shù)據(jù)類型 Jun 20, 2025 am 12:46 AM

javascripthassevenfundaMentalDatatypes:數(shù)字,弦,布爾值,未定義,null,object和symbol.1)numberSeadUble-eaduble-ecisionFormat,forwidevaluerangesbutbecautious.2)

See all articles