簡體   English   中英

Jest + process.env.NODE_ENV 沒有正確測試

[英]Jest + process.env.NODE_ENV not testing properly

我有一個配置文件,它根據process.env.NODE_ENV更改變量,這里是 function:

const { hostname } = window.location

let USE_DEV_TOOLS = false
if (
  hostname === 'qa.example.com' ||
  hostname === 'dev.example.com' ||
  NODE_ENV !== 'production'
) {
  USE_DEV_TOOLS = true
}

在我的測試中,我想測試如果NODE_ENV是生產, USE_DEV_TOOLS返回false但是,如果我嘗試更改NODE_ENV ,它會在獲取變量后更新。

import config from 'consts/config'
describe('Environment variables', () => {
  const ORIGINAL_ENV = process.env
  beforeEach(() => {
    jest.resetModules()
    process.env = { ...ORIGINAL_ENV }
  })

  afterAll(() => {
    process.env = ORIGINAL_ENV
  })

  it('production does not use dev tools', () => {
    process.env = { NODE_ENV: 'production' }

    // console logs properly, but is changing after I get config
    console.log(process.env.NODE_ENV) 

    expect(config.USE_DEV_TOOLS).toBe(false)
  })
}) 

使用es6 import導入模塊,模塊中的代碼會立即執行,此時process.env.NODE_ENV環境沒有被修改。

所以你應該在測試用例中修改process.env.NODE_ENV后使用require模塊。

例如

config.js

const { hostname } = window.location;

console.log('config loaded');

let USE_DEV_TOOLS = false;
if (hostname === 'qa.example.com' || hostname === 'dev.example.com' || process.env.NODE_ENV !== 'production') {
  USE_DEV_TOOLS = true;
}

export default { USE_DEV_TOOLS };

config.test.js

describe('Environment variables', () => {
  const ORIGINAL_ENV = process.env;
  beforeEach(() => {
    jest.resetModules();
    process.env = { ...ORIGINAL_ENV };
  });

  afterAll(() => {
    process.env = ORIGINAL_ENV;
  });

  it('production does not use dev tools', () => {
    process.env = { NODE_ENV: 'production' };
    console.log(process.env.NODE_ENV);
    const config = require('./config').default;

    expect(config.USE_DEV_TOOLS).toBe(false);
  });
});

測試結果:

 PASS  examples/66555582/config.test.js
  Environment variables
    ✓ production does not use dev tools (10 ms)

  console.log
    production

      at Object.<anonymous> (examples/66555582/config.test.js:16:13)

  console.log
    config loaded

      at Object.<anonymous> (examples/66555582/config.js:3:9)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        1.392 s, estimated 4 s

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM