在專案中使用常數(shù)時，有時需要更改它們的值以測試不同的場景。然而，直接導(dǎo)入的常數(shù)不能輕易被覆蓋，這會使測試創(chuàng)建變得困難。在本文中，我們將了解如何使用 Jest 動態(tài)模擬常數(shù)，確保測試隔離且可靠。

讓我們建立一個名為 adjustmentImageQuality 的虛構(gòu)範(fàn)例，在其中我們根據(jù)是否處於生產(chǎn)環(huán)境中來調(diào)整影像的品質(zhì)。

執(zhí)行

常數(shù).js 文件

我們定義一個名為 IS_Production 的常數(shù)，指示我們是否處於生產(chǎn)環(huán)境：

// constants.js
export const IS_PRODUCTION = false;

調(diào)整ImageQuality.js 文件

現(xiàn)在，我們建立 adjustmentImageQuality 函數(shù)。只有當(dāng)系統(tǒng)處於生產(chǎn)狀態(tài)時，它才會改變影像品質(zhì)：

// adjustImageQuality.js
import { IS_PRODUCTION } from "./constants";

export default function adjustImageQuality(img) {
  if (IS_PRODUCTION) {
    img.quality = 100; // Qualidade máxima em produ??o
  } else {
    img.quality = 50; // Qualidade reduzida em desenvolvimento
  }

  return img;
}

編寫測試

我們想要測試 adjustmentImageQuality 在兩個場景下的行為：生產(chǎn) (IS_Production = true) 和開發(fā) (IS_Production = false)。

adjustmentImageQuality.test.js 文件

我們使用 Jest 動態(tài)模擬 IS_Production 的值。秘密是使用 jest.mock 並使用自訂 getter 覆蓋常數(shù)。

// adjustImageQuality.test.js
import adjustImageQuality from "./adjustImageQuality";

// Mock para a constante IS_PRODUCTION
const mockIsProduction = jest.fn();

jest.mock("./constants", () => {
  const constants = jest.requireActual("./constants");
  return {
    ...constants,
    get IS_PRODUCTION() {
      return mockIsProduction();
    },
  };
});

beforeEach(() => {
  mockIsProduction.mockClear(); // Limpa os mocks antes de cada teste
});

test("sets image quality to 100 in production", () => {
  // Configura o mock para retornar true (produ??o)
  mockIsProduction.mockReturnValue(true);

  const img = { quality: 0 };

  const result = adjustImageQuality(img);

  expect(result.quality).toEqual(100);
});

test("sets image quality to 50 in development", () => {
  // Configura o mock para retornar false (desenvolvimento)
  mockIsProduction.mockReturnValue(false);

  const img = { quality: 0 };

  const result = adjustImageQuality(img);

  expect(result.quality).toEqual(50);
});

模擬講解

1. 建立模擬

我們使用jest.mock來攔截constants模組。在其中，我們使用 jest.requireActual 來取得實際的導(dǎo)出，並為常數(shù) IS_Production 新增一個 getter。

jest.mock("./constants", () => {
  const constants = jest.requireActual("./constants");
  return {
    ...constants,
    get IS_PRODUCTION() {
      return mockIsProduction();
    },
  };
});

2. 嘲笑 IS_Production 的值

在每個測試中，我們使用mockReturnValue來模擬IS_Production的不同值：

• 用於生產(chǎn)的mockIsProduction.mockReturnValue(true)。
• 用於開發(fā)的mockIsProduction.mockReturnValue(false)。

3. 使用mockClear進行清理

在每次測試之前，我們都會清除模擬狀態(tài)以確保它不會幹?jǐn)_其他測試：

beforeEach(() => {
  mockIsProduction.mockClear();
});

結(jié)論

這種常數(shù)模擬模式可讓您動態(tài)控制應(yīng)用程式邏輯中使用的值，確保測試的隔離和可靠。當(dāng)您需要測試基於全域變數(shù)、配置或系統(tǒng)狀態(tài)的行為時，它特別有用。

透過這種方法，您可以覆蓋複雜的場景，而不會影響程式碼結(jié)構(gòu)或添加不必要的外部依賴項。

以上是使用 Jest 測試中的模擬常數(shù)：一個實際範(fàn)例的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！