酶无法找到组件/ <div>

时间:2017-12-19 19:36:35

标签: javascript reactjs testing css-selectors enzyme

我正在使用“反应”:“^ 15.5.4”和“酶”:“^ 2.8.2”

鉴于Manifest: { "background": { "scripts": ["js/bg/bg.html" ], "persistent": false }, "browser_action": { "default_icon": "style/128_off.png", "default_popup": "popup.html", "default_title": "__MSG_mainTitle__" }, "default_locale": "en", "description": "__MSG_description__", "icons": { "128": "style/128_on.png" }, "manifest_version": 2, "name": "__MSG_name__", "offline_enabled": true, "options_page": "options.html", "permissions": [ "*://*/*", "tabCapture", "tabs", "storage" ], "version": "2.3.9" } 的以下输出:

wrapper.debug()

我找不到任何需要使用的元素:

  • <CellRenderer idx={4} rowIdx={0} height={35} column={{...}} cellMetaData={{...}} value={3} rowData={{...}} isRowSelected={false} expandableOptions={{...}} selectedColumn={[undefined]} formatter={[undefined]} isScrolling={true}> <Cell idx={4} rowIdx={0} height={35} column={{...}} cellMetaData={{...}} value={3} rowData={{...}} isRowSelected={false} expandableOptions={{...}} selectedColumn={[undefined]} formatter={[undefined]} isScrolling={true} className="" tooltip="" tabIndex={-1} isExpanded={false} isCellValueChanging={[Function]}> <div height={35} tabIndex={-1} value={3} className="react-grid-Cell" style={{...}} onClick={[Function]} onDoubleClick={[Function]} onContextMenu={[Function]} onDragOver={[Function]}> <div className="react-grid-Cell__value"> <div style={{...}}> <span> <SimpleCellFormatter value={3}> <div title={3}> 3 </div>
  • wrapper.find(wrapper.findWhere(n => n.name() === 'CellRenderer'))
  • wrapper.find("div[title='3']"

    任何想法可能是什么原因?

2 个答案:

答案 0 :(得分:1)

也许

wrapper.find('CellRenderer') wrapper.find('div').findWhere(d => d.prop('title') === 3) wrapper.find('div').findWhere(d => d.prop('value') === 3)

答案 1 :(得分:0)

请注意,您传入的titlevalue属性是数字,而不是字符串。 所以正确的方法是

wrapper.find('div[title=3]')
wrapper.find('div[value=3]')

另一方面,如果您的JSX是

<div title="3"></div>

那你就可以做

wrapper.find('div[title="3"]')

docs中已提及。