enzyme
Version:
JavaScript Testing utilities for React
1,650 lines • 78 kB
HTML
<!DOCTYPE HTML>
<html lang="en" >
<!-- Start book Enzyme -->
<head>
<!-- head:start -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Shallow Rendering | Enzyme</title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta name="description" content="">
<meta name="generator" content="GitBook 2.4.3">
<meta name="HandheldFriendly" content="true"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
<link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="../../gitbook/style.css">
<link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-edit-link/plugin.css">
<link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-prism/prism.css">
<link rel="stylesheet" href="../../gitbook/plugins/gitbook-plugin-anchors/plugin.css">
<link rel="next" href="../../docs/api/ShallowWrapper/find.html" />
<link rel="prev" href="../../docs/api/index.html" />
<!-- head:end -->
</head>
<body>
<!-- body:start -->
<div class="book" data-level="2.1" data-basepath="../.." data-revision="Thu Dec 03 2015 15:23:54 GMT-0800 (PST)">
<div class="book-summary">
<div class="book-search" role="search">
<input type="text" placeholder="Type to search" class="form-control" />
</div>
<nav role="navigation">
<ul class="summary">
<li class="chapter " data-level="0" data-path="index.html">
<a href="../../index.html">
<i class="fa fa-check"></i>
Introduction
</a>
</li>
<li class="chapter " data-level="1" data-path="docs/installation/index.html">
<a href="../../docs/installation/index.html">
<i class="fa fa-check"></i>
<b>1.</b>
Installation
</a>
<ul class="articles">
<li class="chapter " data-level="1.1" data-path="docs/installation/react-013.html">
<a href="../../docs/installation/react-013.html">
<i class="fa fa-check"></i>
<b>1.1.</b>
Working with React 0.13.x
</a>
</li>
<li class="chapter " data-level="1.2" data-path="docs/installation/react-014.html">
<a href="../../docs/installation/react-014.html">
<i class="fa fa-check"></i>
<b>1.2.</b>
Working with React 0.14.x
</a>
</li>
<li class="chapter " data-level="1.3" data-path="docs/installation/jsdom.html">
<a href="../../docs/installation/jsdom.html">
<i class="fa fa-check"></i>
<b>1.3.</b>
Working with jsDom
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="2" data-path="docs/api/index.html">
<a href="../../docs/api/index.html">
<i class="fa fa-check"></i>
<b>2.</b>
API Reference
</a>
<ul class="articles">
<li class="chapter active" data-level="2.1" data-path="docs/api/shallow.html">
<a href="../../docs/api/shallow.html">
<i class="fa fa-check"></i>
<b>2.1.</b>
Shallow Rendering
</a>
<ul class="articles">
<li class="chapter " data-level="2.1.1" data-path="docs/api/ShallowWrapper/find.html">
<a href="../../docs/api/ShallowWrapper/find.html">
<i class="fa fa-check"></i>
<b>2.1.1.</b>
find(selector)
</a>
</li>
<li class="chapter " data-level="2.1.2" data-path="docs/api/ShallowWrapper/findWhere.html">
<a href="../../docs/api/ShallowWrapper/findWhere.html">
<i class="fa fa-check"></i>
<b>2.1.2.</b>
findWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.1.3" data-path="docs/api/ShallowWrapper/filter.html">
<a href="../../docs/api/ShallowWrapper/filter.html">
<i class="fa fa-check"></i>
<b>2.1.3.</b>
filter(selector)
</a>
</li>
<li class="chapter " data-level="2.1.4" data-path="docs/api/ShallowWrapper/filterWhere.html">
<a href="../../docs/api/ShallowWrapper/filterWhere.html">
<i class="fa fa-check"></i>
<b>2.1.4.</b>
filterWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.1.5" data-path="docs/api/ShallowWrapper/contains.html">
<a href="../../docs/api/ShallowWrapper/contains.html">
<i class="fa fa-check"></i>
<b>2.1.5.</b>
contains(node)
</a>
</li>
<li class="chapter " data-level="2.1.6" data-path="docs/api/ShallowWrapper/hasClass.html">
<a href="../../docs/api/ShallowWrapper/hasClass.html">
<i class="fa fa-check"></i>
<b>2.1.6.</b>
hasClass(className)
</a>
</li>
<li class="chapter " data-level="2.1.7" data-path="docs/api/ShallowWrapper/is.html">
<a href="../../docs/api/ShallowWrapper/is.html">
<i class="fa fa-check"></i>
<b>2.1.7.</b>
is(selector)
</a>
</li>
<li class="chapter " data-level="2.1.8" data-path="docs/api/ShallowWrapper/not.html">
<a href="../../docs/api/ShallowWrapper/not.html">
<i class="fa fa-check"></i>
<b>2.1.8.</b>
not(selector)
</a>
</li>
<li class="chapter " data-level="2.1.9" data-path="docs/api/ShallowWrapper/children.html">
<a href="../../docs/api/ShallowWrapper/children.html">
<i class="fa fa-check"></i>
<b>2.1.9.</b>
children()
</a>
</li>
<li class="chapter " data-level="2.1.10" data-path="docs/api/ShallowWrapper/parents.html">
<a href="../../docs/api/ShallowWrapper/parents.html">
<i class="fa fa-check"></i>
<b>2.1.10.</b>
parents()
</a>
</li>
<li class="chapter " data-level="2.1.11" data-path="docs/api/ShallowWrapper/parent.html">
<a href="../../docs/api/ShallowWrapper/parent.html">
<i class="fa fa-check"></i>
<b>2.1.11.</b>
parent()
</a>
</li>
<li class="chapter " data-level="2.1.12" data-path="docs/api/ShallowWrapper/closest.html">
<a href="../../docs/api/ShallowWrapper/closest.html">
<i class="fa fa-check"></i>
<b>2.1.12.</b>
closest(selector)
</a>
</li>
<li class="chapter " data-level="2.1.13" data-path="docs/api/ShallowWrapper/shallow.html">
<a href="../../docs/api/ShallowWrapper/shallow.html">
<i class="fa fa-check"></i>
<b>2.1.13.</b>
shallow()
</a>
</li>
<li class="chapter " data-level="2.1.14" data-path="docs/api/ShallowWrapper/render.html">
<a href="../../docs/api/ShallowWrapper/render.html">
<i class="fa fa-check"></i>
<b>2.1.14.</b>
render()
</a>
</li>
<li class="chapter " data-level="2.1.15" data-path="docs/api/ShallowWrapper/text.html">
<a href="../../docs/api/ShallowWrapper/text.html">
<i class="fa fa-check"></i>
<b>2.1.15.</b>
text()
</a>
</li>
<li class="chapter " data-level="2.1.16" data-path="docs/api/ShallowWrapper/html.html">
<a href="../../docs/api/ShallowWrapper/html.html">
<i class="fa fa-check"></i>
<b>2.1.16.</b>
html()
</a>
</li>
<li class="chapter " data-level="2.1.17" data-path="docs/api/ShallowWrapper/get.html">
<a href="../../docs/api/ShallowWrapper/get.html">
<i class="fa fa-check"></i>
<b>2.1.17.</b>
get(index)
</a>
</li>
<li class="chapter " data-level="2.1.18" data-path="docs/api/ShallowWrapper/at.html">
<a href="../../docs/api/ShallowWrapper/at.html">
<i class="fa fa-check"></i>
<b>2.1.18.</b>
at(index)
</a>
</li>
<li class="chapter " data-level="2.1.19" data-path="docs/api/ShallowWrapper/first.html">
<a href="../../docs/api/ShallowWrapper/first.html">
<i class="fa fa-check"></i>
<b>2.1.19.</b>
first()
</a>
</li>
<li class="chapter " data-level="2.1.20" data-path="docs/api/ShallowWrapper/last.html">
<a href="../../docs/api/ShallowWrapper/last.html">
<i class="fa fa-check"></i>
<b>2.1.20.</b>
last()
</a>
</li>
<li class="chapter " data-level="2.1.21" data-path="docs/api/ShallowWrapper/state.html">
<a href="../../docs/api/ShallowWrapper/state.html">
<i class="fa fa-check"></i>
<b>2.1.21.</b>
state([key])
</a>
</li>
<li class="chapter " data-level="2.1.22" data-path="docs/api/ShallowWrapper/props.html">
<a href="../../docs/api/ShallowWrapper/props.html">
<i class="fa fa-check"></i>
<b>2.1.22.</b>
props()
</a>
</li>
<li class="chapter " data-level="2.1.23" data-path="docs/api/ShallowWrapper/prop.html">
<a href="../../docs/api/ShallowWrapper/prop.html">
<i class="fa fa-check"></i>
<b>2.1.23.</b>
prop([key])
</a>
</li>
<li class="chapter " data-level="2.1.24" data-path="docs/api/ShallowWrapper/simulate.html">
<a href="../../docs/api/ShallowWrapper/simulate.html">
<i class="fa fa-check"></i>
<b>2.1.24.</b>
simulate(event[, data])
</a>
</li>
<li class="chapter " data-level="2.1.25" data-path="docs/api/ShallowWrapper/setState.html">
<a href="../../docs/api/ShallowWrapper/setState.html">
<i class="fa fa-check"></i>
<b>2.1.25.</b>
setState(nextState)
</a>
</li>
<li class="chapter " data-level="2.1.26" data-path="docs/api/ShallowWrapper/setProps.html">
<a href="../../docs/api/ShallowWrapper/setProps.html">
<i class="fa fa-check"></i>
<b>2.1.26.</b>
setProps(nextProps)
</a>
</li>
<li class="chapter " data-level="2.1.27" data-path="docs/api/ShallowWrapper/instance.html">
<a href="../../docs/api/ShallowWrapper/instance.html">
<i class="fa fa-check"></i>
<b>2.1.27.</b>
instance()
</a>
</li>
<li class="chapter " data-level="2.1.28" data-path="docs/api/ShallowWrapper/update.html">
<a href="../../docs/api/ShallowWrapper/update.html">
<i class="fa fa-check"></i>
<b>2.1.28.</b>
update()
</a>
</li>
<li class="chapter " data-level="2.1.29" data-path="docs/api/ShallowWrapper/debug.html">
<a href="../../docs/api/ShallowWrapper/debug.html">
<i class="fa fa-check"></i>
<b>2.1.29.</b>
debug()
</a>
</li>
<li class="chapter " data-level="2.1.30" data-path="docs/api/ShallowWrapper/type.html">
<a href="../../docs/api/ShallowWrapper/type.html">
<i class="fa fa-check"></i>
<b>2.1.30.</b>
type()
</a>
</li>
<li class="chapter " data-level="2.1.31" data-path="docs/api/ShallowWrapper/forEach.html">
<a href="../../docs/api/ShallowWrapper/forEach.html">
<i class="fa fa-check"></i>
<b>2.1.31.</b>
forEach(fn)
</a>
</li>
<li class="chapter " data-level="2.1.32" data-path="docs/api/ShallowWrapper/map.html">
<a href="../../docs/api/ShallowWrapper/map.html">
<i class="fa fa-check"></i>
<b>2.1.32.</b>
map(fn)
</a>
</li>
<li class="chapter " data-level="2.1.33" data-path="docs/api/ShallowWrapper/reduce.html">
<a href="../../docs/api/ShallowWrapper/reduce.html">
<i class="fa fa-check"></i>
<b>2.1.33.</b>
reduce(fn[, initialValue])
</a>
</li>
<li class="chapter " data-level="2.1.34" data-path="docs/api/ShallowWrapper/reduceRight.html">
<a href="../../docs/api/ShallowWrapper/reduceRight.html">
<i class="fa fa-check"></i>
<b>2.1.34.</b>
reduceRight(fn[, initialValue])
</a>
</li>
<li class="chapter " data-level="2.1.35" data-path="docs/api/ShallowWrapper/some.html">
<a href="../../docs/api/ShallowWrapper/some.html">
<i class="fa fa-check"></i>
<b>2.1.35.</b>
some(selector)
</a>
</li>
<li class="chapter " data-level="2.1.36" data-path="docs/api/ShallowWrapper/someWhere.html">
<a href="../../docs/api/ShallowWrapper/someWhere.html">
<i class="fa fa-check"></i>
<b>2.1.36.</b>
someWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.1.37" data-path="docs/api/ShallowWrapper/every.html">
<a href="../../docs/api/ShallowWrapper/every.html">
<i class="fa fa-check"></i>
<b>2.1.37.</b>
every(selector)
</a>
</li>
<li class="chapter " data-level="2.1.38" data-path="docs/api/ShallowWrapper/everyWhere.html">
<a href="../../docs/api/ShallowWrapper/everyWhere.html">
<i class="fa fa-check"></i>
<b>2.1.38.</b>
everyWhere(selector)
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="2.2" data-path="docs/api/mount.html">
<a href="../../docs/api/mount.html">
<i class="fa fa-check"></i>
<b>2.2.</b>
Full DOM Rendering
</a>
<ul class="articles">
<li class="chapter " data-level="2.2.1" data-path="docs/api/ReactWrapper/find.html">
<a href="../../docs/api/ReactWrapper/find.html">
<i class="fa fa-check"></i>
<b>2.2.1.</b>
find(selector)
</a>
</li>
<li class="chapter " data-level="2.2.2" data-path="docs/api/ReactWrapper/findWhere.html">
<a href="../../docs/api/ReactWrapper/findWhere.html">
<i class="fa fa-check"></i>
<b>2.2.2.</b>
findWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.2.3" data-path="docs/api/ReactWrapper/filter.html">
<a href="../../docs/api/ReactWrapper/filter.html">
<i class="fa fa-check"></i>
<b>2.2.3.</b>
filter(selector)
</a>
</li>
<li class="chapter " data-level="2.2.4" data-path="docs/api/ReactWrapper/filterWhere.html">
<a href="../../docs/api/ReactWrapper/filterWhere.html">
<i class="fa fa-check"></i>
<b>2.2.4.</b>
filterWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.2.5" data-path="docs/api/ReactWrapper/contains.html">
<a href="../../docs/api/ReactWrapper/contains.html">
<i class="fa fa-check"></i>
<b>2.2.5.</b>
contains(node)
</a>
</li>
<li class="chapter " data-level="2.2.6" data-path="docs/api/ReactWrapper/hasClass.html">
<a href="../../docs/api/ReactWrapper/hasClass.html">
<i class="fa fa-check"></i>
<b>2.2.6.</b>
hasClass(className)
</a>
</li>
<li class="chapter " data-level="2.2.7" data-path="docs/api/ReactWrapper/is.html">
<a href="../../docs/api/ReactWrapper/is.html">
<i class="fa fa-check"></i>
<b>2.2.7.</b>
is(selector)
</a>
</li>
<li class="chapter " data-level="2.2.8" data-path="docs/api/ReactWrapper/not.html">
<a href="../../docs/api/ReactWrapper/not.html">
<i class="fa fa-check"></i>
<b>2.2.8.</b>
not(selector)
</a>
</li>
<li class="chapter " data-level="2.2.9" data-path="docs/api/ReactWrapper/children.html">
<a href="../../docs/api/ReactWrapper/children.html">
<i class="fa fa-check"></i>
<b>2.2.9.</b>
children()
</a>
</li>
<li class="chapter " data-level="2.2.10" data-path="docs/api/ReactWrapper/parents.html">
<a href="../../docs/api/ReactWrapper/parents.html">
<i class="fa fa-check"></i>
<b>2.2.10.</b>
parents()
</a>
</li>
<li class="chapter " data-level="2.2.11" data-path="docs/api/ReactWrapper/parent.html">
<a href="../../docs/api/ReactWrapper/parent.html">
<i class="fa fa-check"></i>
<b>2.2.11.</b>
parent()
</a>
</li>
<li class="chapter " data-level="2.2.12" data-path="docs/api/ReactWrapper/closest.html">
<a href="../../docs/api/ReactWrapper/closest.html">
<i class="fa fa-check"></i>
<b>2.2.12.</b>
closest(selector)
</a>
</li>
<li class="chapter " data-level="2.2.13" data-path="docs/api/ReactWrapper/text.html">
<a href="../../docs/api/ReactWrapper/text.html">
<i class="fa fa-check"></i>
<b>2.2.13.</b>
text()
</a>
</li>
<li class="chapter " data-level="2.2.14" data-path="docs/api/ReactWrapper/get.html">
<a href="../../docs/api/ReactWrapper/get.html">
<i class="fa fa-check"></i>
<b>2.2.14.</b>
get(index)
</a>
</li>
<li class="chapter " data-level="2.2.15" data-path="docs/api/ReactWrapper/at.html">
<a href="../../docs/api/ReactWrapper/at.html">
<i class="fa fa-check"></i>
<b>2.2.15.</b>
at(index)
</a>
</li>
<li class="chapter " data-level="2.2.16" data-path="docs/api/ReactWrapper/first.html">
<a href="../../docs/api/ReactWrapper/first.html">
<i class="fa fa-check"></i>
<b>2.2.16.</b>
first()
</a>
</li>
<li class="chapter " data-level="2.2.17" data-path="docs/api/ReactWrapper/last.html">
<a href="../../docs/api/ReactWrapper/last.html">
<i class="fa fa-check"></i>
<b>2.2.17.</b>
last()
</a>
</li>
<li class="chapter " data-level="2.2.18" data-path="docs/api/ReactWrapper/state.html">
<a href="../../docs/api/ReactWrapper/state.html">
<i class="fa fa-check"></i>
<b>2.2.18.</b>
state([key])
</a>
</li>
<li class="chapter " data-level="2.2.19" data-path="docs/api/ReactWrapper/props.html">
<a href="../../docs/api/ReactWrapper/props.html">
<i class="fa fa-check"></i>
<b>2.2.19.</b>
props()
</a>
</li>
<li class="chapter " data-level="2.2.20" data-path="docs/api/ReactWrapper/prop.html">
<a href="../../docs/api/ReactWrapper/prop.html">
<i class="fa fa-check"></i>
<b>2.2.20.</b>
prop([key])
</a>
</li>
<li class="chapter " data-level="2.2.21" data-path="docs/api/ReactWrapper/simulate.html">
<a href="../../docs/api/ReactWrapper/simulate.html">
<i class="fa fa-check"></i>
<b>2.2.21.</b>
simulate(event[, data])
</a>
</li>
<li class="chapter " data-level="2.2.22" data-path="docs/api/ReactWrapper/setState.html">
<a href="../../docs/api/ReactWrapper/setState.html">
<i class="fa fa-check"></i>
<b>2.2.22.</b>
setState(nextState)
</a>
</li>
<li class="chapter " data-level="2.2.23" data-path="docs/api/ReactWrapper/setProps.html">
<a href="../../docs/api/ReactWrapper/setProps.html">
<i class="fa fa-check"></i>
<b>2.2.23.</b>
setProps(nextProps)
</a>
</li>
<li class="chapter " data-level="2.2.24" data-path="docs/api/ReactWrapper/instance.html">
<a href="../../docs/api/ReactWrapper/instance.html">
<i class="fa fa-check"></i>
<b>2.2.24.</b>
instance()
</a>
</li>
<li class="chapter " data-level="2.2.25" data-path="docs/api/ReactWrapper/update.html">
<a href="../../docs/api/ReactWrapper/update.html">
<i class="fa fa-check"></i>
<b>2.2.25.</b>
update()
</a>
</li>
<li class="chapter " data-level="2.2.26" data-path="docs/api/ReactWrapper/type.html">
<a href="../../docs/api/ReactWrapper/type.html">
<i class="fa fa-check"></i>
<b>2.2.26.</b>
type()
</a>
</li>
<li class="chapter " data-level="2.2.27" data-path="docs/api/ReactWrapper/forEach.html">
<a href="../../docs/api/ReactWrapper/forEach.html">
<i class="fa fa-check"></i>
<b>2.2.27.</b>
forEach(fn)
</a>
</li>
<li class="chapter " data-level="2.2.28" data-path="docs/api/ReactWrapper/map.html">
<a href="../../docs/api/ReactWrapper/map.html">
<i class="fa fa-check"></i>
<b>2.2.28.</b>
map(fn)
</a>
</li>
<li class="chapter " data-level="2.2.29" data-path="docs/api/ReactWrapper/reduce.html">
<a href="../../docs/api/ReactWrapper/reduce.html">
<i class="fa fa-check"></i>
<b>2.2.29.</b>
reduce(fn[, initialValue])
</a>
</li>
<li class="chapter " data-level="2.2.30" data-path="docs/api/ReactWrapper/reduceRight.html">
<a href="../../docs/api/ReactWrapper/reduceRight.html">
<i class="fa fa-check"></i>
<b>2.2.30.</b>
reduceRight(fn[, initialValue])
</a>
</li>
<li class="chapter " data-level="2.2.31" data-path="docs/api/ReactWrapper/some.html">
<a href="../../docs/api/ReactWrapper/some.html">
<i class="fa fa-check"></i>
<b>2.2.31.</b>
some(selector)
</a>
</li>
<li class="chapter " data-level="2.2.32" data-path="docs/api/ReactWrapper/someWhere.html">
<a href="../../docs/api/ReactWrapper/someWhere.html">
<i class="fa fa-check"></i>
<b>2.2.32.</b>
someWhere(predicate)
</a>
</li>
<li class="chapter " data-level="2.2.33" data-path="docs/api/ReactWrapper/every.html">
<a href="../../docs/api/ReactWrapper/every.html">
<i class="fa fa-check"></i>
<b>2.2.33.</b>
every(selector)
</a>
</li>
<li class="chapter " data-level="2.2.34" data-path="docs/api/ReactWrapper/everyWhere.html">
<a href="../../docs/api/ReactWrapper/everyWhere.html">
<i class="fa fa-check"></i>
<b>2.2.34.</b>
everyWhere(selector)
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="2.3" data-path="docs/api/render.html">
<a href="../../docs/api/render.html">
<i class="fa fa-check"></i>
<b>2.3.</b>
Static Rendering
</a>
</li>
<li class="chapter " data-level="2.4" data-path="docs/api/selector.html">
<a href="../../docs/api/selector.html">
<i class="fa fa-check"></i>
<b>2.4.</b>
Selectors
</a>
</li>
</ul>
</li>
<li class="chapter " data-level="3" data-path="CHANGELOG.html">
<a href="../../CHANGELOG.html">
<i class="fa fa-check"></i>
<b>3.</b>
Change Log
</a>
</li>
<li class="chapter " data-level="4" data-path="docs/future.html">
<a href="../../docs/future.html">
<i class="fa fa-check"></i>
<b>4.</b>
Future
</a>
</li>
<li class="chapter " data-level="5" data-path="CONTRIBUTING.html">
<a href="../../CONTRIBUTING.html">
<i class="fa fa-check"></i>
<b>5.</b>
Contributing Guide
</a>
</li>
<li class="divider"></li>
<li>
<a href="https://www.gitbook.com" target="blank" class="gitbook-link">
Published with GitBook
</a>
</li>
</ul>
</nav>
</div>
<div class="book-body">
<div class="body-inner">
<div class="book-header" role="navigation">
<!-- Actions Left -->
<a href="#" class="btn pull-left toggle-summary" aria-label="Table of Contents"><i class="fa fa-align-justify"></i></a>
<a href="#" class="btn pull-left toggle-search" aria-label="Search"><i class="fa fa-search"></i></a>
<a href="../../GLOSSARY.html" class="btn pull-left" aria-label="Glossary"><i class="fa fa-sort-alpha-asc"></i></a>
<div id="font-settings-wrapper" class="dropdown pull-left">
<a href="#" class="btn toggle-dropdown" aria-label="Font Settings"><i class="fa fa-font"></i>
</a>
<div class="dropdown-menu font-settings">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<div class="buttons">
<button type="button" id="reduce-font-size" class="button size-2">A</button>
<button type="button" id="enlarge-font-size" class="button size-2">A</button>
</div>
<div class="buttons font-family-list">
<button type="button" data-font="0" class="button">Serif</button>
<button type="button" data-font="1" class="button">Sans</button>
</div>
<div class="buttons color-theme-list">
<button type="button" id="color-theme-preview-0" class="button size-3" data-theme="0">White</button>
<button type="button" id="color-theme-preview-1" class="button size-3" data-theme="1">Sepia</button>
<button type="button" id="color-theme-preview-2" class="button size-3" data-theme="2">Night</button>
</div>
</div>
</div>
<!-- Actions Right -->
<div class="dropdown pull-right">
<a href="#" class="btn toggle-dropdown" aria-label="Share"><i class="fa fa-share-alt"></i>
</a>
<div class="dropdown-menu font-settings dropdown-left">
<div class="dropdown-caret">
<span class="caret-outer"></span>
<span class="caret-inner"></span>
</div>
<div class="buttons">
<button type="button" data-sharing="twitter" class="button">
Share on Twitter
</button>
<button type="button" data-sharing="google-plus" class="button">
Share on Google
</button>
<button type="button" data-sharing="facebook" class="button">
Share on Facebook
</button>
<button type="button" data-sharing="weibo" class="button">
Share on Weibo
</button>
<button type="button" data-sharing="instapaper" class="button">
Share on Instapaper
</button>
</div>
</div>
</div>
<a href="#" target="_blank" class="btn pull-right google-plus-sharing-link sharing-link" data-sharing="google-plus" aria-label="Google"><i class="fa fa-google-plus"></i></a>
<a href="#" target="_blank" class="btn pull-right facebook-sharing-link sharing-link" data-sharing="facebook" aria-label="Facebook"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank" class="btn pull-right twitter-sharing-link sharing-link" data-sharing="twitter" aria-label="Twitter"><i class="fa fa-twitter"></i></a>
<!-- Title -->
<h1>
<i class="fa fa-circle-o-notch fa-spin"></i>
<a href="../../" >Enzyme</a>
</h1>
</div>
<div class="page-wrapper" tabindex="-1" role="main">
<div class="page-inner">
<section class="normal" id="section-">
<a id="edit-link" href="https://github.com/airbnb/enzyme/tree/master/docs/api/shallow.md" class="btn fa fa-edit pull-left">  Edit This Page</a><h1 id="shallow-rendering-api"><a name="shallow-rendering-api" class="plugin-anchor" href="#shallow-rendering-api"><span class="fa fa-link"></span></a>Shallow Rendering API</h1>
<p>Shallow rendering is useful to constrain yourself to testing a component as a unit, and to ensure
that your tests aren't indirectly asserting on behavior of child components.</p>
<pre><code class="lang-jsx"><span class="token keyword">import</span> <span class="token punctuation">{</span> shallow <span class="token punctuation">}</span> from <span class="token string">'enzyme'</span><span class="token punctuation">;</span>
<span class="token function">describe</span><span class="token punctuation">(</span>'<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>MyComponent</span> <span class="token punctuation">/></span></span>'<span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
<span class="token function">it</span><span class="token punctuation">(</span>'should render three <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Foo</span> <span class="token punctuation">/></span></span> components'<span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> wrapper <span class="token operator">=</span> <span class="token function">shallow</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>MyComponent</span> <span class="token punctuation">/></span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">expect</span><span class="token punctuation">(</span>wrapper<span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span>Foo<span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span>have<span class="token punctuation">.</span><span class="token function">length</span><span class="token punctuation">(</span><span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">it</span><span class="token punctuation">(</span><span class="token string">'should render an `.icon-star`'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> wrapper <span class="token operator">=</span> <span class="token function">shallow</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>MyComponent</span> <span class="token punctuation">/></span></span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">expect</span><span class="token punctuation">(</span>wrapper<span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span><span class="token string">'.icon-star'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span>have<span class="token punctuation">.</span><span class="token function">length</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">it</span><span class="token punctuation">(</span><span class="token string">'should render children when passed in'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> wrapper <span class="token operator">=</span> <span class="token function">shallow</span><span class="token punctuation">(</span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>MyComponent</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>unique<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>MyComponent</span><span class="token punctuation">></span></span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">expect</span><span class="token punctuation">(</span>wrapper<span class="token punctuation">.</span><span class="token function">contains</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">className</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>unique<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span>be<span class="token punctuation">.</span><span class="token keyword">true</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">it</span><span class="token punctuation">(</span><span class="token string">'simulates click events'</span><span class="token punctuation">,</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=</span><span class="token operator">></span> <span class="token punctuation">{</span>
<span class="token keyword">const</span> onButtonClick <span class="token operator">=</span> sinon<span class="token punctuation">.</span><span class="token function">spy</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">const</span> wrapper <span class="token operator">=</span> <span class="token function">shallow</span><span class="token punctuation">(</span>
<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Foo</span> <span class="token attr-name">onButtonClick</span><span class="token script language-javascript"><span class="token punctuation">=</span><span class="token punctuation">{</span>onButtonClick<span class="token punctuation">}</span></span> <span class="token punctuation">/></span></span>
<span class="token punctuation">)</span><span class="token punctuation">;</span>
wrapper<span class="token punctuation">.</span><span class="token function">find</span><span class="token punctuation">(</span><span class="token string">'button'</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">simulate</span><span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token function">expect</span><span class="token punctuation">(</span>onButtonClick<span class="token punctuation">.</span>calledOnce<span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span>be<span class="token punctuation">.</span><span class="token keyword">true</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
<h2 id="shallowwrapper-api"><a name="shallowwrapper-api" class="plugin-anchor" href="#shallowwrapper-api"><span class="fa fa-link"></span></a>ShallowWrapper API</h2>
<h4 id="-find-selector-shallowwrapper-shallowwrapper-find-md"><a name="-find-selector-shallowwrapper-shallowwrapper-find-md" class="plugin-anchor" href="#-find-selector-shallowwrapper-shallowwrapper-find-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/find.html"><code>.find(selector) => ShallowWrapper</code></a></h4>
<p>Find every node in the render tree that matches the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-findwhere-predicate-shallowwrapper-shallowwrapper-findwhere-md"><a name="-findwhere-predicate-shallowwrapper-shallowwrapper-findwhere-md" class="plugin-anchor" href="#-findwhere-predicate-shallowwrapper-shallowwrapper-findwhere-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/findWhere.html"><code>.findWhere(predicate) => ShallowWrapper</code></a></h4>
<p>Find every node in the render tree that return true for the provided <a href="../../GLOSSARY.html#predicate" class="glossary-term" title="A function that returns true or false">predicate</a> function.</p>
<h4 id="-filter-selector-shallowwrapper-shallowwrapper-filter-md"><a name="-filter-selector-shallowwrapper-shallowwrapper-filter-md" class="plugin-anchor" href="#-filter-selector-shallowwrapper-shallowwrapper-filter-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/filter.html"><code>.filter(selector) => ShallowWrapper</code></a></h4>
<p>Remove nodes in the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> that do not match the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-filterwhere-predicate-shallowwrapper-shallowwrapper-filterwhere-md"><a name="-filterwhere-predicate-shallowwrapper-shallowwrapper-filterwhere-md" class="plugin-anchor" href="#-filterwhere-predicate-shallowwrapper-shallowwrapper-filterwhere-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/filterWhere.html"><code>.filterWhere(predicate) => ShallowWrapper</code></a></h4>
<p>Remove nodes in the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> that do not return true for the provided <a href="../../GLOSSARY.html#predicate" class="glossary-term" title="A function that returns true or false">predicate</a> function.</p>
<h4 id="-contains-node-boolean-shallowwrapper-contains-md"><a name="-contains-node-boolean-shallowwrapper-contains-md" class="plugin-anchor" href="#-contains-node-boolean-shallowwrapper-contains-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/contains.html"><code>.contains(node) => Boolean</code></a></h4>
<p>Returns whether or not a given node is somewhere in the render tree.</p>
<h4 id="-hasclass-classname-boolean-shallowwrapper-hasclass-md"><a name="-hasclass-classname-boolean-shallowwrapper-hasclass-md" class="plugin-anchor" href="#-hasclass-classname-boolean-shallowwrapper-hasclass-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/hasClass.html"><code>.hasClass(className) => Boolean</code></a></h4>
<p>Returns whether or not the current root node has the given class name or not.</p>
<h4 id="-is-selector-boolean-shallowwrapper-is-md"><a name="-is-selector-boolean-shallowwrapper-is-md" class="plugin-anchor" href="#-is-selector-boolean-shallowwrapper-is-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/is.html"><code>.is(selector) => Boolean</code></a></h4>
<p>Returns whether or not the current node matches a provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-not-selector-shallowwrapper-shallowwrapper-not-md"><a name="-not-selector-shallowwrapper-shallowwrapper-not-md" class="plugin-anchor" href="#-not-selector-shallowwrapper-shallowwrapper-not-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/not.html"><code>.not(selector) => ShallowWrapper</code></a></h4>
<p>Remove nodes in the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> that match the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>. (inverse of <code>.filter()</code>)</p>
<h4 id="-children-shallowwrapper-shallowwrapper-children-md"><a name="-children-shallowwrapper-shallowwrapper-children-md" class="plugin-anchor" href="#-children-shallowwrapper-shallowwrapper-children-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/children.html"><code>.children() => ShallowWrapper</code></a></h4>
<p>Get a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> with all of the children nodes of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-parents-shallowwrapper-shallowwrapper-parents-md"><a name="-parents-shallowwrapper-shallowwrapper-parents-md" class="plugin-anchor" href="#-parents-shallowwrapper-shallowwrapper-parents-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/parents.html"><code>.parents() => ShallowWrapper</code></a></h4>
<p>Get a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> with all of the parents (ancestors) of the current node.</p>
<h4 id="-parent-shallowwrapper-shallowwrapper-parent-md"><a name="-parent-shallowwrapper-shallowwrapper-parent-md" class="plugin-anchor" href="#-parent-shallowwrapper-shallowwrapper-parent-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/parent.html"><code>.parent() => ShallowWrapper</code></a></h4>
<p>Get a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> with the direct parent of the current node.</p>
<h4 id="-closest-selector-shallowwrapper-shallowwrapper-closest-md"><a name="-closest-selector-shallowwrapper-shallowwrapper-closest-md" class="plugin-anchor" href="#-closest-selector-shallowwrapper-shallowwrapper-closest-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/closest.html"><code>.closest(selector) => ShallowWrapper</code></a></h4>
<p>Get a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> with the first ancestor of the current node to match the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-shallow-shallowwrapper-shallowwrapper-shallow-md"><a name="-shallow-shallowwrapper-shallowwrapper-shallow-md" class="plugin-anchor" href="#-shallow-shallowwrapper-shallowwrapper-shallow-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/shallow.html"><code>.shallow() => ShallowWrapper</code></a></h4>
<p>Shallow renders the current node and returns a shallow <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> around it.</p>
<h4 id="-render-cheeriowrapper-shallowwrapper-render-md"><a name="-render-cheeriowrapper-shallowwrapper-render-md" class="plugin-anchor" href="#-render-cheeriowrapper-shallowwrapper-render-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/render.html"><code>.render() => CheerioWrapper</code></a></h4>
<p>Returns a CheerioWrapper of the current node's subtree.</p>
<h4 id="-text-string-shallowwrapper-text-md"><a name="-text-string-shallowwrapper-text-md" class="plugin-anchor" href="#-text-string-shallowwrapper-text-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/text.html"><code>.text() => String</code></a></h4>
<p>Returns a string representation of the text nodes in the current render tree.</p>
<h4 id="-html-string-shallowwrapper-html-md"><a name="-html-string-shallowwrapper-html-md" class="plugin-anchor" href="#-html-string-shallowwrapper-html-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/html.html"><code>.html() => String</code></a></h4>
<p>Returns a static HTML rendering of the current node.</p>
<h4 id="-get-index-reactelement-shallowwrapper-get-md"><a name="-get-index-reactelement-shallowwrapper-get-md" class="plugin-anchor" href="#-get-index-reactelement-shallowwrapper-get-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/get.html"><code>.get(index) => ReactElement</code></a></h4>
<p>Returns the node at the provided index of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-at-index-shallowwrapper-shallowwrapper-at-md"><a name="-at-index-shallowwrapper-shallowwrapper-at-md" class="plugin-anchor" href="#-at-index-shallowwrapper-shallowwrapper-at-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/at.html"><code>.at(index) => ShallowWrapper</code></a></h4>
<p>Returns a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> of the node at the provided index of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-first-shallowwrapper-shallowwrapper-first-md"><a name="-first-shallowwrapper-shallowwrapper-first-md" class="plugin-anchor" href="#-first-shallowwrapper-shallowwrapper-first-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/first.html"><code>.first() => ShallowWrapper</code></a></h4>
<p>Returns a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> of the first node of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-last-shallowwrapper-shallowwrapper-last-md"><a name="-last-shallowwrapper-shallowwrapper-last-md" class="plugin-anchor" href="#-last-shallowwrapper-shallowwrapper-last-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/last.html"><code>.last() => ShallowWrapper</code></a></h4>
<p>Returns a <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> of the last node of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-state-key-any-shallowwrapper-state-md"><a name="-state-key-any-shallowwrapper-state-md" class="plugin-anchor" href="#-state-key-any-shallowwrapper-state-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/state.html"><code>.state([key]) => Any</code></a></h4>
<p>Returns the state of the root component.</p>
<h4 id="-props-object-shallowwrapper-props-md"><a name="-props-object-shallowwrapper-props-md" class="plugin-anchor" href="#-props-object-shallowwrapper-props-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/props.html"><code>.props() => Object</code></a></h4>
<p>Returns the props of the root component.</p>
<h4 id="-prop-key-any-shallowwrapper-prop-md"><a name="-prop-key-any-shallowwrapper-prop-md" class="plugin-anchor" href="#-prop-key-any-shallowwrapper-prop-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/prop.html"><code>.prop(key) => Any</code></a></h4>
<p>Returns the named prop of the root component.</p>
<h4 id="-simulate-event-data-shallowwrapper-shallowwrapper-simulate-md"><a name="-simulate-event-data-shallowwrapper-shallowwrapper-simulate-md" class="plugin-anchor" href="#-simulate-event-data-shallowwrapper-shallowwrapper-simulate-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/simulate.html"><code>.simulate(event[, data]) => ShallowWrapper</code></a></h4>
<p>Simulates an event on the current node.</p>
<h4 id="-setstate-nextstate-shallowwrapper-shallowwrapper-setstate-md"><a name="-setstate-nextstate-shallowwrapper-shallowwrapper-setstate-md" class="plugin-anchor" href="#-setstate-nextstate-shallowwrapper-shallowwrapper-setstate-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/setState.html"><code>.setState(nextState) => ShallowWrapper</code></a></h4>
<p>Manually sets state of the root component.</p>
<h4 id="-setprops-nextprops-shallowwrapper-shallowwrapper-setprops-md"><a name="-setprops-nextprops-shallowwrapper-shallowwrapper-setprops-md" class="plugin-anchor" href="#-setprops-nextprops-shallowwrapper-shallowwrapper-setprops-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/setProps.html"><code>.setProps(nextProps) => ShallowWrapper</code></a></h4>
<p>Manually sets props of the root component.</p>
<h4 id="-instance-reactcomponent-shallowwrapper-instance-md"><a name="-instance-reactcomponent-shallowwrapper-instance-md" class="plugin-anchor" href="#-instance-reactcomponent-shallowwrapper-instance-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/instance.html"><code>.instance() => ReactComponent</code></a></h4>
<p>Returns the instance of the root component.</p>
<h4 id="-update-shallowwrapper-shallowwrapper-update-md"><a name="-update-shallowwrapper-shallowwrapper-update-md" class="plugin-anchor" href="#-update-shallowwrapper-shallowwrapper-update-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/update.html"><code>.update() => ShallowWrapper</code></a></h4>
<p>Calls <code>.forceUpdate()</code> on the root component instance.</p>
<h4 id="-debug-string-shallowwrapper-debug-md"><a name="-debug-string-shallowwrapper-debug-md" class="plugin-anchor" href="#-debug-string-shallowwrapper-debug-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/debug.html"><code>.debug() => String</code></a></h4>
<p>Returns a string representation of the current shallow render tree for debugging purposes.</p>
<h4 id="-type-string-function-shallowwrapper-type-md"><a name="-type-string-function-shallowwrapper-type-md" class="plugin-anchor" href="#-type-string-function-shallowwrapper-type-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/type.html"><code>.type() => String|Function</code></a></h4>
<p>Returns the type of the current node of the <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a>.</p>
<h4 id="-foreach-fn-shallowwrapper-shallowwrapper-foreach-md"><a name="-foreach-fn-shallowwrapper-shallowwrapper-foreach-md" class="plugin-anchor" href="#-foreach-fn-shallowwrapper-shallowwrapper-foreach-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/forEach.html"><code>.forEach(fn) => ShallowWrapper</code></a></h4>
<p>Iterates through each node of the current <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> and executes the provided function</p>
<h4 id="-map-fn-array-shallowwrapper-map-md"><a name="-map-fn-array-shallowwrapper-map-md" class="plugin-anchor" href="#-map-fn-array-shallowwrapper-map-md"><span class="fa fa-link"></span></a><a href="ShallowWrapper/map.html"><code>.map(fn) => Array</code></a></h4>
<p>Maps the current array of nodes to another array.</p>
<h4 id="-reduce-fn-initialvalue-any-docs-api-shallowwrapper-reduce-md"><a name="-reduce-fn-initialvalue-any-docs-api-shallowwrapper-reduce-md" class="plugin-anchor" href="#-reduce-fn-initialvalue-any-docs-api-shallowwrapper-reduce-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/reduce.md"><code>reduce(fn[, initialValue]) => Any</code></a></h4>
<p>Reduces the current array of nodes to a value</p>
<h4 id="-reduceright-fn-initialvalue-any-docs-api-shallowwrapper-reduceright-md"><a name="-reduceright-fn-initialvalue-any-docs-api-shallowwrapper-reduceright-md" class="plugin-anchor" href="#-reduceright-fn-initialvalue-any-docs-api-shallowwrapper-reduceright-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/reduceRight.md"><code>reduceRight(fn[, initialValue]) => Any</code></a></h4>
<p>Reduces the current array of nodes to a value, from right to left.</p>
<h4 id="-some-selector-boolean-docs-api-shallowwrapper-some-md"><a name="-some-selector-boolean-docs-api-shallowwrapper-some-md" class="plugin-anchor" href="#-some-selector-boolean-docs-api-shallowwrapper-some-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/some.md"><code>some(selector) => Boolean</code></a></h4>
<p>Returns whether or not any of the nodes in the <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> match the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-somewhere-predicate-boolean-docs-api-shallowwrapper-somewhere-md"><a name="-somewhere-predicate-boolean-docs-api-shallowwrapper-somewhere-md" class="plugin-anchor" href="#-somewhere-predicate-boolean-docs-api-shallowwrapper-somewhere-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/someWHere.md"><code>someWhere(predicate) => Boolean</code></a></h4>
<p>Returns whether or not any of the nodes in the <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> pass the provided <a href="../../GLOSSARY.html#predicate" class="glossary-term" title="A function that returns true or false">predicate</a> function.</p>
<h4 id="-every-selector-boolean-docs-api-shallowwrapper-every-md"><a name="-every-selector-boolean-docs-api-shallowwrapper-every-md" class="plugin-anchor" href="#-every-selector-boolean-docs-api-shallowwrapper-every-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/every.md"><code>every(selector) => Boolean</code></a></h4>
<p>Returns whether or not all of the nodes in the <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> match the provided <a href="../../GLOSSARY.html#selector" class="glossary-term" title="A Selector in enzyme is similar to a CSS selector, but can be a number of other things as well in
order to easily specify a criteria by which you want to find nodes in a enzyme wrapper. See the
Selector page for more information.">selector</a>.</p>
<h4 id="-everywhere-selector-boolean-docs-api-shallowwrapper-everywhere-md"><a name="-everywhere-selector-boolean-docs-api-shallowwrapper-everywhere-md" class="plugin-anchor" href="#-everywhere-selector-boolean-docs-api-shallowwrapper-everywhere-md"><span class="fa fa-link"></span></a><a href="docs/api/ShallowWrapper/everyWhere.md"><code>everyWhere(selector) => Boolean</code></a></h4>
<p>Returns whether or not any of the nodes in the <a href="../../GLOSSARY.html#wrapper" class="glossary-term" title="A wrapper refers to the enzyme wrapper class that provides the API.">wrapper</a> pass the provided <a href="../../GLOSSARY.html#predicate" class="glossary-term" title="A function that returns true or false">predicate</a> function.</p>
</section>
</div>
</div>
</div>
<a href="../../docs/api/index.html" class="navigation navigation-prev " aria-label="Previous page: API Reference"><i class="fa fa-angle-left"></i></a>
<a href="../../docs/api/ShallowWrapper/find.html" class="navigation navigation-next " aria-label="Next page: find(selector)"><i class="fa fa-angle-right"></i></a>
</div>
</div>
<script src="../../gitbook/app.js"></script>
<script src="../../gitbook/plugins/gitbook-plugin-edit-link/plugin.js"></script>
<script src="../../gitbook/plugins/gitbook-plugin-github/plugin.js"></script>
<script src="../../gitbook/plugins/gitbook-plugin-codeblock-disable-glossary/disable-glossary.js"></script>
<script src="../../gitbook/plugins/gitbook-plugin-collapsible-menu/plugin.js"></script>
<script>
require(["gitbook"], function(gitbook) {
var config = {"fontSettings":{"theme":null,"family":"sans","size":2},"edit-link":{"base":"https://github.com/airbnb/enzyme/tree/master","label":"Edit This Page"},"github":{"url":"https://github.com/airbnb/enzyme/"}};
gitbook.start(config);
});
</script>
<!-- body:end -->
</body>
<!-- End of book Enzyme -->
</html>