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

什麼是模擬?

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

模擬主要用於單元檢定。它們是用於模擬內(nèi)容、物件或回應(yīng)的工具,這些內(nèi)容、物件或回應(yīng)通常來自外部依賴項(xiàng),或當(dāng)您需要內(nèi)容包含特定資訊時(shí)。

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

問題是:如果每次執(zhí)行測試時(shí)都呼叫真正的 API,它可能會(huì)很慢且不一致(影片可能會(huì)有所不同,或者 API 可能會(huì)關(guān)閉),從而使測試不可靠。

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

在影片系統(tǒng)範(fàn)例中,如果您想要測試一個(gè)名為 fetchMoviesFromAPI() 的函數(shù),該函數(shù)使用 API 來取得影片,您可以建立一個(gè)模擬來模擬 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)
    }
})()

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

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

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

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

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

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

它們也提醒我們我們的測驗(yàn)不應(yīng)依賴外部服務(wù)或網(wǎng)際網(wǎng)路。

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

使用存根,您將用固定的預(yù)定義值(是的,模擬)替換真正的服務(wù)呼叫。您可以說:「始終傳回值 10 作為費(fèi)用?!?/em>

,而不是呼叫費(fèi)用服務(wù)。

假設(shè)您想要測試函數(shù)calculateTotalPurchase(),該函數(shù)總結(jié)購物車商品的價(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)
    }
})()

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

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

模擬、存根……最後,什麼是間諜?

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

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

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

  • 如果函數(shù)被呼叫
  • 被呼叫了幾次
  • 它收到了什麼論點(diǎn)

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

  • 如果呼叫了通知函數(shù)
  • 如果呼叫了日誌函數(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ī)來觀察廚師在廚房裡做什麼。你不干涉他們正在做的事情;你只需檢查他們是否正確遵循食譜即可。

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

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

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請聯(lián)絡(luò)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脫衣器

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

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

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

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

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

JavaScript評論的最終指南:增強(qiáng)代碼清晰度 JavaScript評論的最終指南:增強(qiáng)代碼清晰度 Jun 11, 2025 am 12:04 AM

是的,javascriptcommentsarenectary和shouldshouldshouldseffectional.1)他們通過codeLogicAndIntentsgudedepleders,2)asevitalincomplexprojects,和3)handhanceClaritywithOutClutteringClutteringThecode。

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

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

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

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

掌握J(rèn)avaScript評論:綜合指南 掌握J(rèn)avaScript評論:綜合指南 Jun 14, 2025 am 12:11 AM

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

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中與日期和時(shí)間合作? 如何在JS中與日期和時(shí)間合作? Jul 01, 2025 am 01:27 AM

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

See all articles