代码之家 › 专栏 › 技术社区 › Felipe Augusto Ak S

无法使用react+jest+datepicker+textmask读取空的属性'selectionend'

react-datepicker jestjs unit-testing reactjs

Felipe Augusto Ak S · 技术社区 · 7 年前

我有一个正在运行的单元测试,但现在我向我的 react-datepicker ,调用 react-text-mask 我试着模仿它,但它在我跑的时候收到了下面的信息 npm run test 以下内容:

类型错误:无法读取空的“SelectionEnd”属性

在object.update(node_modules/react text mask/dist/reacttextmask.js:1:9205)

at t.value(node_modules/react text mask/dist/reacttextmask.js:1:2431)

在t.value(node_modules/react text mask/dist/reacttextmask.js:1:2490)

在commitLifecycles(node_modules/react test renderer/cjs/react test renderer.development.js:6427:22)

在CommitalLifecycles(node_modules/react test renderer/cjs/react test renderer.development.js:7516:7)

我的 反应日期选取器 具有 响应文本掩码 以下内容:

<RCDatePicker
        {...rest}
        locale="pt-BR"
        selected={value}
        onChange={onChange}
        readOnly={readOnly}
        dateFormat={dateFormat}
        minDate={minDays ? moment(baseDate).subtract(minDays, 'days') : undefined}
        maxDate={maxDays ? moment(baseDate).add(maxDays, 'days') : undefined}
        disabled={disabled}
        customInput={<MaskedInput
          mask={[/[0-3]/, /\d/, '/', /[0-1]/, /\d/, '/', /[1-2]/, /\d/, /\d/, /\d/]}
        />}
      >

我的单元测试:

describe('<DatePicker />', () => {
  it('should have default props', () => {
    const mock = jest.mock('react-text-mask', () => props => <input type="text" {...{ ...props }} />);
    const tree = renderer.create(<DatePicker onChange={Function} />).toJSON()
    jest.spyOn(mock)

    expect(tree).toMatchSnapshot()
  })
})

1 回复 | 直到 7 年前

Felipe Augusto Ak S 7 年前

import React from 'react'
import renderer from 'react-test-renderer'
import { DatePicker } from './DatePicker'

jest.mock('react-text-mask', () => props => <input type="text" {...{ ...props }} />)

describe('<DatePicker />', () => {
  it('should have default props', () => {
    const tree = renderer.create(<DatePicker onChange={Function} />).toJSON()

    expect(tree).toMatchSnapshot()
  })
})

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

2 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

2 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

3 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

3 年前

kyrolos magdy · 用jest和

3 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

3 年前

Cazs · 在React onChange中测试功能组件

3 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

3 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

3 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

3 年前