enzyme
Version:
JavaScript Testing utilities for React
1,486 lines (728 loc) • 52.3 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>text() | 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/get.html" />
<link rel="prev" href="../../../docs/api/ReactWrapper/closest.html" />
<!-- head:end -->
</head>
<body>
<!-- body:start -->
<div class="book" data-level="2.2.13" 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 " 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 active" 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/ReactWrapper/text.md" class="btn fa fa-edit pull-left">  Edit This Page</a><h1 id="-text-string"><a name="-text-string" class="plugin-anchor" href="#-text-string"><span class="fa fa-link"></span></a><code>.text() => String</code></h1>
<p>Returns a string of the rendered text of the current render tree. This function should be
looked at with skepticism if being used to test what the actual HTML output of the component
will be. If that is what you would like to test, use enzyme's <code>render</code> function instead.</p>
<p>Note: can only be called on 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 a single node.</p>
<h4 id="returns"><a name="returns" class="plugin-anchor" href="#returns"><span class="fa fa-link"></span></a>Returns</h4>
<p><code>String</code>: The resulting string </p>
<h4 id="examples"><a name="examples" class="plugin-anchor" href="#examples"><span class="fa fa-link"></span></a>Examples</h4>
<pre><code class="lang-jsx"><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>div</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>important<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</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 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">text</span><span class="token punctuation">(</span><span class="token punctuation">)</span><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">'important'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</code></pre>
<pre><code class="lang-jsx"><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>div</span><span class="token punctuation">></span></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 tag"><span class="token tag"><span class="token punctuation"><</span>b</span><span class="token punctuation">></span></span>important<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>b</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 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 p