enzyme
Version:
JavaScript Testing utilities for React
1,516 lines (757 loc) • 51.9 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>Contributing Guide | 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="prev" href="./docs/future.html" />
<!-- head:end -->
</head>
<body>
<!-- body:start -->
<div class="book" data-level="5" 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 " 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 active" 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/CONTRIBUTING.md" class="btn fa fa-edit pull-left">  Edit This Page</a><h1 id="contributing-guide"><a name="contributing-guide" class="plugin-anchor" href="#contributing-guide"><span class="fa fa-link"></span></a>Contributing Guide</h1>
<p>Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will
always be given.</p>
<h2 id="setting-up-your-environment"><a name="setting-up-your-environment" class="plugin-anchor" href="#setting-up-your-environment"><span class="fa fa-link"></span></a>Setting up your environment</h2>
<p>After forking enzyme to your own github org, do the following steps to get started:</p>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># clone your fork to your local machine
</span><span class="token function">git</span> clone https<span class="token punctuation">:</span><span class="token operator">/</span><span class="token operator">/</span>github<span class="token punctuation">.</span>com<span class="token operator">/</span>airbnb<span class="token operator">/</span>enzyme<span class="token punctuation">.</span><span class="token function">git</span>
<span class="token comment" spellcheck="true"># step into local repo
</span><span class="token function">cd</span> enzyme
<span class="token comment" spellcheck="true"># install dependencies (use react:13 if you want to use React 0.13)
</span>npm <span class="token function">install</span> <span class="token operator">&&</span> npm run react<span class="token punctuation">:</span><span class="token number">14</span>
</code></pre>
<h3 id="switching-between-react-0-14-and-react-0-13"><a name="switching-between-react-0-14-and-react-0-13" class="plugin-anchor" href="#switching-between-react-0-14-and-react-0-13"><span class="fa fa-link"></span></a>Switching between React 0.14 and React 0.13</h3>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># switch to React 0.13
</span>npm run react<span class="token punctuation">:</span><span class="token number">13</span>
</code></pre>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># switch to React 0.14
</span>npm run react<span class="token punctuation">:</span><span class="token number">14</span>
</code></pre>
<h3 id="running-tests"><a name="running-tests" class="plugin-anchor" href="#running-tests"><span class="fa fa-link"></span></a>Running Tests</h3>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># run tests on whatever version of React is currently installed
</span>npm <span class="token function">test</span>
</code></pre>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># run tests on both React 0.14 and React 0.13
</span>npm run <span class="token function">test</span><span class="token punctuation">:</span>all
</code></pre>
<pre><code class="lang-bash"><span class="token comment" spellcheck="true"># faster feedback for TDD
</span>npm run <span class="token function">test</span><span class="token punctuation">:</span><span class="token function">watch</span>
</code></pre>
<h3 id="style-linting"><a name="style-linting" class="plugin-anchor" href="#style-linting"><span class="fa fa-link"></span></a>Style & Linting</h3>
<p>This codebase adheres to the <a href="https://github.com/airbnb/javascript" target="_blank">Airbnb Styleguide</a> and is
enforced using <a href="http://eslint.org/" target="_blank">ESLint</a>.</p>
<p>It is recommended that you install an eslint plugin for your editor of choice when working on this
codebase, however you can always check to see if the source code is compliant by running:</p>
<pre><code class="lang-bash">npm run lint
</code></pre>
<h3 id="building-docs"><a name="building-docs" class="plugin-anchor" href="#building-docs"><span class="fa fa-link"></span></a>Building Docs</h3>
<p>Building the docs locally is extremely simple. First execute the following command:</p>
<pre><code class="lang-bash">npm run docs<span class="token punctuation">:</span><span class="token function">watch</span>
</code></pre>
<p>After this, you can open up your browser to the specified port (usually <a href="http://localhost:4000" target="_blank">http://localhost:4000</a> )</p>
<p>The browser will automatically refresh when there are changes to any of the source files.</p>
<h2 id="pull-request-guidelines"><a name="pull-request-guidelines" class="plugin-anchor" href="#pull-req