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

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

什么是模擬?

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

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

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

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

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

在電影系統(tǒng)示例中,如果您想測(cè)試一個(gè)名為 fetchMoviesFromAPI() 的函數(shù),該函數(shù)使用 API 來(lái)獲取電影,您可以創(chuàng)建一個(gè)模擬來(lái)模擬 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)
    }
})()

使用模擬,您的測(cè)試會(huì)變得更加高效,因?yàn)樗鼈儾灰蕾囉谕獠糠?wù)。此外,它們還獲得了可靠性,因?yàn)槟梢酝耆刂品祷亟Y(jié)果,從而可以將重點(diǎn)放在驗(yàn)證功能上,而不必?fù)?dān)心潛在的 API 不穩(wěn)定或停機(jī)。

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

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

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

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

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

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

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

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

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

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

// 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)
    }
})()

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

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

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

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

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

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

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

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

  • 如果調(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)
    }
})()

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

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

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

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

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣服圖片

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Clothoff.io

Clothoff.io

AI脫衣機(jī)

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的代碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

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

Dreamweaver CS6

Dreamweaver CS6

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

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)代碼編輯軟件(SublimeText3)

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

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

JavaScript評(píng)論:簡(jiǎn)短說(shuō)明 JavaScript評(píng)論:簡(jiǎn)短說(shuō)明 Jun 19, 2025 am 12:40 AM

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

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

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

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

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

為什么要將標(biāo)簽放在的底部? 為什么要將標(biāo)簽放在的底部? Jul 02, 2025 am 01:22 AM

PlacingtagsatthebottomofablogpostorwebpageservespracticalpurposesforSEO,userexperience,anddesign.1.IthelpswithSEObyallowingsearchenginestoaccesskeyword-relevanttagswithoutclutteringthemaincontent.2.Itimprovesuserexperiencebykeepingthefocusonthearticl

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

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

什么是在DOM中冒泡和捕獲的事件? 什么是在DOM中冒泡和捕獲的事件? Jul 02, 2025 am 01:19 AM

事件捕獲和冒泡是DOM中事件傳播的兩個(gè)階段,捕獲是從頂層向下到目標(biāo)元素,冒泡是從目標(biāo)元素向上傳播到頂層。1.事件捕獲通過(guò)addEventListener的useCapture參數(shù)設(shè)為true實(shí)現(xiàn);2.事件冒泡是默認(rèn)行為,useCapture設(shè)為false或省略;3.可使用event.stopPropagation()阻止事件傳播;4.冒泡支持事件委托,提高動(dòng)態(tài)內(nèi)容處理效率;5.捕獲可用于提前攔截事件,如日志記錄或錯(cuò)誤處理。了解這兩個(gè)階段有助于精確控制JavaScript響應(yīng)用戶操作的時(shí)機(jī)和方式。

Java和JavaScript有什么區(qū)別? Java和JavaScript有什么區(qū)別? Jun 17, 2025 am 09:17 AM

Java和JavaScript是不同的編程語(yǔ)言。1.Java是靜態(tài)類型、編譯型語(yǔ)言,適用于企業(yè)應(yīng)用和大型系統(tǒng)。2.JavaScript是動(dòng)態(tài)類型、解釋型語(yǔ)言,主要用于網(wǎng)頁(yè)交互和前端開發(fā)。

See all articles