Jest.js 强制窗口未定义

Question

我正在使用 jest + 酶设置进行测试。如果定义了窗口，我有条件渲染某些东西的功能。

在我的测试套件中，我试图达到第二种情况，即未定义窗口，但我无法强制。

it('在没有定义窗口时做一些事情', () => { 窗口=未定义； 期望(myFunction()).toEqual(thisWhatIWantOnUndefinedWinow); });

但即使我强制窗口未定义，它也没有达到预期的情况，窗口总是窗口（jsdom？）

这是我的玩笑设置的问题还是我应该以另一种方式处理？

Answer 1

我可以使用以下模式测试未定义 window 的场景。它允许您在同一文件中运行带有和不带有window 的测试。不需要在文件顶部添加@jest-environment node。

describe('when window is undefined', () => {
    const { window } = global;
    beforeAll(() => {
      // @ts-ignore
      delete global.window;
    });
    afterAll(() => {
      global.window = window;
    });
    
    it('runs without error', () => {
      ...
    });
});

    

Answer 2

这是我在选定的 jest 测试期间强制 window 未定义的操作。

使用 window = undefined 进行测试

您可以通过在文件顶部添加@jest-environment node 来强制在某些测试文件中取消定义窗口。

test-window-undefined.spec.js

/**
 * @jest-environment node
 */

// ^ Must be at top of file

test('use jsdom in this test file', () => {
  console.log(window)
  // will print 'undefined' as it's in the node environment  
});

用窗口测试

如果您需要 window 对象，只需删除顶部的该语句即可。

credit to this answer here