enzyme
Version:
JavaScript Testing utilities for React
1,639 lines • 75 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>Full DOM 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/ReactWrapper/find.html" />
<link rel="prev" href="../../docs/api/ShallowWrapper/everyWhere.html" />
<!-- head:end -->
</head>
<body>
<!-- body:start -->
<div class="book" data-level="2.2" 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 " 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 active" 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/mount.md" class="btn fa fa-edit pull-left">  Edit This Page</a><h1 id="full-rendering-api-mount"><a name="full-rendering-api-mount" class="plugin-anchor" href="#full-rendering-api-mount"><span class="fa fa-link"></span></a>Full Rendering API (<code>mount(...)</code>)</h1>
<p>Full DOM rendering is ideal for use cases where you have components that may interact with DOM apis,
or may require the full lifecycle in order to fully test the component (ie, <code>componentDidMount</code>
etc.)</p>
<p>Full DOM rendering depends on a library called <a href="https://github.com/tmpvar/jsdom" target="_blank">jsdom</a> which is
essentially a headless browser implemented completely in JS.</p>
<pre><code class="lang-jsx"><span class="token keyword">import</span> <span class="token punctuation">{</span> mount <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>Foo</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><span class="token string">'calls componentDidMount'</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">spy</span><span class="token punctuation">(</span>Foo<span class="token punctuation">.</span>prototype<span class="token punctuation">,</span> <span class="token string">'componentDidMount'</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">mount</span><span class="token punctuation">(</span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>Foo</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>Foo<span class="token punctuation">.</span>prototype<span class="token punctuation">.</span>componentDidMount<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 function">it</span><span class="token punctuation">(</span><span class="token string">'allows us to set props'</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">mount</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">bar</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>baz<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 function">expect</span><span class="token punctuation">(</span>wrapper<span class="token punctuation">.</span><span class="token function">props</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>bar<span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span><span class="token function">equal</span><span class="token punctuation">(</span><span class="token string">"baz"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
wrapper<span class="token punctuation">.</span><span class="token function">setProps</span><span class="token punctuation">(</span><span class="token punctuation">{</span> bar<span class="token punctuation">:</span> <span class="token string">"foo"</span> <span class="token punctuation">}</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">props</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span>bar<span class="token punctuation">)</span><span class="token punctuation">.</span>to<span class="token punctuation">.</span><span class="token function">equal</span><span class="token punctuation">(</span><span class="token string">"foo"</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">'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> <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">mount</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">click</span><span class="token punctuation">(</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="reactwrapper-api"><a name="reactwrapper-api" class="plugin-anchor" href="#reactwrapper-api"><span class="fa fa-link"></span></a>ReactWrapper API</h2>
<h4 id="-find-selector-reactwrapper-reactwrapper-find-md"><a name="-find-selector-reactwrapper-reactwrapper-find-md" class="plugin-anchor" href="#-find-selector-reactwrapper-reactwrapper-find-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/find.html"><code>.find(selector) => ReactWrapper</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-reactwrapper-reactwrapper-findwhere-md"><a name="-findwhere-predicate-reactwrapper-reactwrapper-findwhere-md" class="plugin-anchor" href="#-findwhere-predicate-reactwrapper-reactwrapper-findwhere-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/findWhere.html"><code>.findWhere(predicate) => ReactWrapper</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-reactwrapper-reactwrapper-filter-md"><a name="-filter-selector-reactwrapper-reactwrapper-filter-md" class="plugin-anchor" href="#-filter-selector-reactwrapper-reactwrapper-filter-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/filter.html"><code>.filter(selector) => ReactWrapper</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-reactwrapper-reactwrapper-filterwhere-md"><a name="-filterwhere-predicate-reactwrapper-reactwrapper-filterwhere-md" class="plugin-anchor" href="#-filterwhere-predicate-reactwrapper-reactwrapper-filterwhere-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/filterWhere.html"><code>.filterWhere(predicate) => ReactWrapper</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-reactwrapper-contains-md"><a name="-contains-node-boolean-reactwrapper-contains-md" class="plugin-anchor" href="#-contains-node-boolean-reactwrapper-contains-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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-reactwrapper-hasclass-md"><a name="-hasclass-classname-boolean-reactwrapper-hasclass-md" class="plugin-anchor" href="#-hasclass-classname-boolean-reactwrapper-hasclass-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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-reactwrapper-is-md"><a name="-is-selector-boolean-reactwrapper-is-md" class="plugin-anchor" href="#-is-selector-boolean-reactwrapper-is-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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-reactwrapper-reactwrapper-not-md"><a name="-not-selector-reactwrapper-reactwrapper-not-md" class="plugin-anchor" href="#-not-selector-reactwrapper-reactwrapper-not-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/not.html"><code>.not(selector) => ReactWrapper</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-reactwrapper-reactwrapper-children-md"><a name="-children-reactwrapper-reactwrapper-children-md" class="plugin-anchor" href="#-children-reactwrapper-reactwrapper-children-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/children.html"><code>.children() => ReactWrapper</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-reactwrapper-reactwrapper-parents-md"><a name="-parents-reactwrapper-reactwrapper-parents-md" class="plugin-anchor" href="#-parents-reactwrapper-reactwrapper-parents-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/parents.html"><code>.parents() => ReactWrapper</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-reactwrapper-reactwrapper-parent-md"><a name="-parent-reactwrapper-reactwrapper-parent-md" class="plugin-anchor" href="#-parent-reactwrapper-reactwrapper-parent-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/parent.html"><code>.parent() => ReactWrapper</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-reactwrapper-reactwrapper-closest-md"><a name="-closest-selector-reactwrapper-reactwrapper-closest-md" class="plugin-anchor" href="#-closest-selector-reactwrapper-reactwrapper-closest-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/closest.html"><code>.closest(selector) => ReactWrapper</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="-text-string-reactwrapper-text-md"><a name="-text-string-reactwrapper-text-md" class="plugin-anchor" href="#-text-string-reactwrapper-text-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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="-get-index-reactwrapper-reactwrapper-get-md"><a name="-get-index-reactwrapper-reactwrapper-get-md" class="plugin-anchor" href="#-get-index-reactwrapper-reactwrapper-get-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/get.html"><code>.get(index) => ReactWrapper</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-reactwrapper-reactwrapper-at-md"><a name="-at-index-reactwrapper-reactwrapper-at-md" class="plugin-anchor" href="#-at-index-reactwrapper-reactwrapper-at-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/at.html"><code>.at(index) => ReactWrapper</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-reactwrapper-reactwrapper-first-md"><a name="-first-reactwrapper-reactwrapper-first-md" class="plugin-anchor" href="#-first-reactwrapper-reactwrapper-first-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/first.html"><code>.first() => ReactWrapper</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-reactwrapper-reactwrapper-last-md"><a name="-last-reactwrapper-reactwrapper-last-md" class="plugin-anchor" href="#-last-reactwrapper-reactwrapper-last-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/last.html"><code>.last() => ReactWrapper</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-reactwrapper-state-md"><a name="-state-key-any-reactwrapper-state-md" class="plugin-anchor" href="#-state-key-any-reactwrapper-state-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/state.html"><code>.state([key]) => Any</code></a></h4>
<p>Returns the state of the root component.</p>
<h4 id="-props-object-reactwrapper-props-md"><a name="-props-object-reactwrapper-props-md" class="plugin-anchor" href="#-props-object-reactwrapper-props-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/props.html"><code>.props() => Object</code></a></h4>
<p>Returns the props of the root component.</p>
<h4 id="-prop-key-any-reactwrapper-prop-md"><a name="-prop-key-any-reactwrapper-prop-md" class="plugin-anchor" href="#-prop-key-any-reactwrapper-prop-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/prop.html"><code>.prop(key) => Any</code></a></h4>
<p>Returns the named prop of the root component.</p>
<h4 id="-simulate-event-data-reactwrapper-reactwrapper-simulate-md"><a name="-simulate-event-data-reactwrapper-reactwrapper-simulate-md" class="plugin-anchor" href="#-simulate-event-data-reactwrapper-reactwrapper-simulate-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/simulate.html"><code>.simulate(event[, data]) => ReactWrapper</code></a></h4>
<p>Simulates an event on the current node.</p>
<h4 id="-setstate-nextstate-reactwrapper-reactwrapper-setstate-md"><a name="-setstate-nextstate-reactwrapper-reactwrapper-setstate-md" class="plugin-anchor" href="#-setstate-nextstate-reactwrapper-reactwrapper-setstate-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/setState.html"><code>.setState(nextState) => ReactWrapper</code></a></h4>
<p>Manually sets state of the root component.</p>
<h4 id="-setprops-nextprops-reactwrapper-reactwrapper-setprops-md"><a name="-setprops-nextprops-reactwrapper-reactwrapper-setprops-md" class="plugin-anchor" href="#-setprops-nextprops-reactwrapper-reactwrapper-setprops-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/setProps.html"><code>.setProps(nextProps) => ReactWrapper</code></a></h4>
<p>Manually sets props of the root component.</p>
<h4 id="-instance-reactcomponent-reactwrapper-instance-md"><a name="-instance-reactcomponent-reactwrapper-instance-md" class="plugin-anchor" href="#-instance-reactcomponent-reactwrapper-instance-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/instance.html"><code>.instance() => ReactComponent</code></a></h4>
<p>Returns the instance of the root component.</p>
<h4 id="-update-reactwrapper-reactwrapper-update-md"><a name="-update-reactwrapper-reactwrapper-update-md" class="plugin-anchor" href="#-update-reactwrapper-reactwrapper-update-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/update.html"><code>.update() => ReactWrapper</code></a></h4>
<p>Calls <code>.forceUpdate()</code> on the root component instance.</p>
<h4 id="-type-string-function-reactwrapper-type-md"><a name="-type-string-function-reactwrapper-type-md" class="plugin-anchor" href="#-type-string-function-reactwrapper-type-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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-reactwrapper-reactwrapper-foreach-md"><a name="-foreach-fn-reactwrapper-reactwrapper-foreach-md" class="plugin-anchor" href="#-foreach-fn-reactwrapper-reactwrapper-foreach-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/forEach.html"><code>.forEach(fn) => ReactWrapper</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-reactwrapper-map-md"><a name="-map-fn-array-reactwrapper-map-md" class="plugin-anchor" href="#-map-fn-array-reactwrapper-map-md"><span class="fa fa-link"></span></a><a href="ReactWrapper/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-reactwrapper-reduce-md"><a name="-reduce-fn-initialvalue-any-docs-api-reactwrapper-reduce-md" class="plugin-anchor" href="#-reduce-fn-initialvalue-any-docs-api-reactwrapper-reduce-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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-reactwrapper-reduceright-md"><a name="-reduceright-fn-initialvalue-any-docs-api-reactwrapper-reduceright-md" class="plugin-anchor" href="#-reduceright-fn-initialvalue-any-docs-api-reactwrapper-reduceright-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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-reactwrapper-some-md"><a name="-some-selector-boolean-docs-api-reactwrapper-some-md" class="plugin-anchor" href="#-some-selector-boolean-docs-api-reactwrapper-some-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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-reactwrapper-somewhere-md"><a name="-somewhere-predicate-boolean-docs-api-reactwrapper-somewhere-md" class="plugin-anchor" href="#-somewhere-predicate-boolean-docs-api-reactwrapper-somewhere-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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-reactwrapper-every-md"><a name="-every-selector-boolean-docs-api-reactwrapper-every-md" class="plugin-anchor" href="#-every-selector-boolean-docs-api-reactwrapper-every-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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-reactwrapper-everywhere-md"><a name="-everywhere-selector-boolean-docs-api-reactwrapper-everywhere-md" class="plugin-anchor" href="#-everywhere-selector-boolean-docs-api-reactwrapper-everywhere-md"><span class="fa fa-link"></span></a><a href="docs/api/ReactWrapper/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/ShallowWrapper/everyWhere.html" class="navigation navigation-prev " aria-label="Previous page: everyWhere(selector)"><i class="fa fa-angle-left"></i></a>
<a href="../../docs/api/ReactWrapper/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>