ReactElement打字稿进行测试

时间:2019-07-13 20:18:24

标签: reactjs typescript testing

我是打字稿的新手,目前正在编写一个React组件的测试,但是打字稿对我大吼大叫。

试图创建一个新的ReactElement

it('shows error when error is present), ():void => {
  const errorMessage = 'error';
  const wrapper = shallow(<PageError>{errorMessage}</PageError>
  expect(wrapper.find('.errorDetails').props().children).toBe(errorMessage);
}


// below is the original code written by another dev.
interface Props{
  children:ReactElement[]
}

const PageError:FC<Props> = (props):ReactElement => (
 <div className:'errorDetails>{props.children}</div>
)

当前该测试正在运行,但是在测试中却给我带来了linter错误。

衬里不应该抱怨打字。

0 个答案:

没有答案