Jest测试，会话存储未定义

67up9zun 于 2023-02-14 发布在 Jest

关注(0)|答案(2)|浏览(151)

我正在尝试运行第一个Jest测试，但收到此错误

FAIL  src\containers\__test__\AppContainer.spec.js
  ● Test suite failed to run

    ReferenceError: sessionStorage is not defined

我不确定我是否应该得到这个错误，因为我没有测试sessionStorage，只是想测试根容器。

更新-

import React from 'react'
import { shallow } from 'enzyme'
import AppContainer from '../AppContainer'

//Tried here also
global.sessionStorage = {
  data: {},
  setItem: (key, value) => {
    this.data[key] = value
  },
  getItem: (key) => this.data[key]
}
describe('AppContainer', () => {
  beforeEach(function () {
    global.sessionStorage = {
      data: {},
      setItem: (key, value) => {
        this.data[key] = value
      },
      getItem: (key) => this.data[key]
    }
  })

  it('should render self and subcomponents', () => {
    const enzymeWrapper = shallow(<AppContainer />)

    expect(enzymeWrapper.find('div').hasClass('grommetux-app')).toBe(true)
  })
})

ReferenceError: sessionStorage is not defined
  at Function.r.get (node_modules\oidc-client\lib\oidc-client.min.js:1:13009)
  at new e (node_modules\oidc-client\lib\oidc-client.min.js:74:15382)
  at new e (node_modules\oidc-client\lib\oidc-client.min.js:74:5255)
  at n (node_modules\redux-oidc\dist\redux-oidc.js:1:1853)
  **at Object.<anonymous> (src\utils\userManager.js:23:127)**
  at Object.<anonymous> (src\containers\AppContainer.js:9:46)
  at Object.<anonymous> (src\containers\__test__\AppContainer.spec.js:3:47)
  at process._tickCallback (internal\process\next_tick.js:103:7)

我是通过库oidc-clientjs“使用”sessionStorage的，所以我确实无法控制它。
第23行指出它是错误的来源

import { createUserManager } from 'redux-oidc'
....
const userManager = createUserManager(config) (L23)

jestjs

来源：https://stackoverflow.com/questions/40967727/jest-testing-sessionstorage-undefined

2条答案

按热度按时间

qvtsj1bj1#

我使用的是Create-react-app，因此我将其添加到src/setupTests.js中

const sessionStorageMock = {
  getItem: jest.fn(),
  setItem: jest.fn(),
  clear: jest.fn()
};
global.sessionStorage = sessionStorageMock;

赞(0）回复(0）举报 2023-02-14

lo8azlld2#

最简单的方法是模拟redux-oidc，有两种方法。
您需要createUserManager在某些测试中表现不同：

//you need to import the module as you need to set the behaviour of 
//createUserManager in every tests
import { createUserManager } from 'redux-oidc' 

//mock the module with an object that just holds createUserManager       
//method as a simple spy, later in your tests you can define what this 
//spy should do
jest.mock('redux-oidc', () => ({createUserManager: jest.fn()}))

it('should render self and subcomponents', () => {
    createUserManager.mockImplementation(() => 'test1234`)//set the mock implementation here
    const enzymeWrapper = shallow(<AppContainer />)
    expect(enzymeWrapper.find('div').hasClass('grommetux-app')).toBe(true)
})

createUserManager在某些测试中执行相同的操作：

//mock the module with an object that just holds createUserManager
//method as a simple function that always returns 'test1234'
jest.mock('redux-oidc', () => ({createUserManager: () => 'test1234'}))

it('should render self and subcomponents', () => {
    const enzymeWrapper = shallow(<AppContainer />)
    expect(enzymeWrapper.find('div').hasClass('grommetux-app')).toBe(true)
})

赞(0）回复(0）举报 2023-02-14

我来回答

Jest测试，会话存储未定义

2条答案

相关问题

热门标签

最新问答