使用Jest运行测试时无法访问窗口属性

时间:2019-04-17 09:34:24

标签: reactjs unit-testing jestjs react-testing-library

我正在尝试访问位于window.sunpietro.config属性下的属性。使用Jest运行测试时,我得到TypeError: Cannot read property 'config' of undefined

我的测试代码如下:

import React from 'react';
import { render, cleanup } from 'react-testing-library';
import MyModule from '../my.module';
import { myConfigMock } from '../../../../jest.window.mock';

afterEach(cleanup);
beforeEach(() => {
    window.sunpietro = { ...myConfigMock };

    // window.sunpietro.config = {};
});

describe('MyModule', () => {
    test('The module renders correctly', () => {
        const { getByTestId } = render(<MyModule />);

        getByTestId('my-tabs').toBeDefined();
        getByTestId('my-panels').toBeDefined();
    });
});

我正在使用最新版本的Jest:24.7.1react-testing-library版本:6.1.2

如何模拟window属性,以便MyModule实例可以访问它们?

1 个答案:

答案 0 :(得分:2)

您可以在设置中设置全局变量。我在package.json中声明了这个setupFiles

"jest": {
"setupFiles": [
  "<rootDir>/tests/shim.js",
  ...
],

然后在我的shim.js中。我将窗口属性声明为全局属性,如

global.sunpietro : {
 ...
}