小编stu*_*ujo的帖子

用酶测试 React Component className

在测试使用 className 使用酶(装载或浅层)设置 css 类的反应组件时,我能够正确测试它是 div 但无法让它在 h1 标签上工作。

这是一些

  • 与mount 或shallow 有关系吗?
  • 这是我缺少的东西吗?
  • 这是一个错误吗?

任何想法表示赞赏!

JSX:

import React from 'react'

export const PageNotFound = ({heading, content, wrapperCSS, headingCSS, contentCSS}) => (
<div className={ wrapperCSS }>
  <div className={ contentCSS }>
    { content }
  </div>
  <h1 className={ headingCSS }>{ heading }</h1>
</div>
)

PageNotFound.propTypes = {
    heading: React.PropTypes.string,
    content: React.PropTypes.string,
    wrapperCSS: React.PropTypes.string,
    headingCSS: React.PropTypes.string,
    contentCSS: React.PropTypes.string
};

PageNotFound.defaultProps = {
    heading: '404',
    content: 'Page Not Found',
    wrapperCSS: 'wrapper',
    headingCSS: 'heading',
    contentCSS: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs enzyme

6
推荐指数
1
解决办法
7359
查看次数

标签 统计

enzyme ×1

javascript ×1

reactjs ×1