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

讓我們創(chuàng)建一個(gè)名為 adjustmentImageQuality 的虛構(gòu)示例，在其中我們根據(jù)是否處于生產(chǎn)環(huán)境中來調(diào)整圖像的質(zhì)量。

執(zhí)行

常量.js 文件

我們定義一個(gè)名為 IS_Production 的常量，指示我們是否處于生產(chǎn)環(huán)境中：

// constants.js
export const IS_PRODUCTION = false;

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

現(xiàn)在，我們創(chuàng)建 adjustmentImageQuality 函數(shù)。僅當(dāng)系統(tǒng)處于生產(chǎn)狀態(tài)時(shí)，它才會(huì)改變圖像質(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 動(dòng)態(tài)模擬 IS_Production 的值。秘密是使用 jest.mock 并使用自定義 getter 覆蓋常量。

// 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. 創(chuàng)建模擬

我們使用jest.mock來攔截constants模塊。在其中，我們使用 jest.requireActual 來獲取實(shí)際的導(dǎo)出，并為常量 IS_Production 添加一個(gè) getter。

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

2. 嘲笑 IS_Production 的值

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

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

3. 使用mockClear進(jìn)行清理

在每次測試之前，我們都會(huì)清除模擬狀態(tài)以確保它不會(huì)干擾其他測試：

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

結(jié)論

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

通過這種方法，您可以覆蓋復(fù)雜的場景，而不會(huì)影響代碼結(jié)構(gòu)或添加不必要的外部依賴項(xiàng)。

以上是使用 Jest 測試中的模擬常量：一個(gè)實(shí)際示例的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！