unexpected
Version:
Extensible BDD assertion toolkit
539 lines (443 loc) • 35.6 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
<link rel="stylesheet" href="../../../static/normalize.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../static/main.css" type="text/css" media="screen" />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="../../../static/bug-icon-black.ico">
<title>any - to equal</title>
</head>
<body class="sidebar-hidden has-sidebar">
<header>
<div class="logo-icon"></div>
<nav>
<ul>
<li class="menu-toggle-item">
<button class="menu-toggle" onclick="toggleSidebar()"></button>
</li>
<li class=""><a href="../../..">Unexpected</a></li>
<li class="active"><a href="../to-be">Assertions</a></li>
<li class=""><a href="../../../api/addAssertion">API</a></li>
<li class=""><a href="../../../plugins">Plugins</a></li>
</ul>
</nav>
<div class="search" style="visibility: hidden">
<input id="search" placeholder="Search..." value="">
<div id="searchDropDown" class="dropDown">
<ul id="searchResults"></ul>
</div>
</div>
</header>
<section id="assertions">
<nav id="assertion-menu" class="sidebar js-remember-scroll-position">
<ul>
<li>
<h3>any</h3>
<ul>
<li class="">
<a href="../to-be">to be</a>
</li>
<li class="">
<a href="../to-be-a">to be a</a>
</li>
<li class="">
<a href="../to-be-defined">to be defined</a>
</li>
<li class="">
<a href="../to-be-falsy">to be falsy</a>
</li>
<li class="">
<a href="../to-be-null">to be null</a>
</li>
<li class="">
<a href="../to-be-ok">to be ok</a>
</li>
<li class="">
<a href="../to-be-truthy">to be truthy</a>
</li>
<li class="">
<a href="../to-be-undefined">to be undefined</a>
</li>
<li class="active">
<a href="">to equal</a>
</li>
<li class="">
<a href="../to-satisfy">to satisfy</a>
</li>
<li class="">
<a href="../when-passed-as-parameter-to">when passed as parameter to</a>
</li>
</ul>
</li>
<li>
<h3>string</h3>
<ul>
<li class="">
<a href="../../string/to-be">to be</a>
</li>
<li class="">
<a href="../../string/to-be-empty">to be empty</a>
</li>
<li class="">
<a href="../../string/to-be-greater-than">to be greater than</a>
</li>
<li class="">
<a href="../../string/to-be-greater-than-or-equal-to">to be greater than or equal to</a>
</li>
<li class="">
<a href="../../string/to-be-less-than">to be less than</a>
</li>
<li class="">
<a href="../../string/to-be-less-than-or-equal-to">to be less than or equal to</a>
</li>
<li class="">
<a href="../../string/to-be-non-empty">to be non-empty</a>
</li>
<li class="">
<a href="../../string/to-be-within">to be within</a>
</li>
<li class="">
<a href="../../string/to-begin-with">to begin with</a>
</li>
<li class="">
<a href="../../string/to-contain">to contain</a>
</li>
<li class="">
<a href="../../string/to-end-with">to end with</a>
</li>
<li class="">
<a href="../../string/to-have-length">to have length</a>
</li>
<li class="">
<a href="../../string/to-match">to match</a>
</li>
</ul>
</li>
<li>
<h3>number</h3>
<ul>
<li class="">
<a href="../../number/to-be-close-to">to be close to</a>
</li>
<li class="">
<a href="../../number/to-be-finite">to be finite</a>
</li>
<li class="">
<a href="../../number/to-be-greater-than">to be greater than</a>
</li>
<li class="">
<a href="../../number/to-be-greater-than-or-equal-to">to be greater than or equal to</a>
</li>
<li class="">
<a href="../../number/to-be-infinite">to be infinite</a>
</li>
<li class="">
<a href="../../number/to-be-less-than">to be less than</a>
</li>
<li class="">
<a href="../../number/to-be-less-than-or-equal-to">to be less than or equal to</a>
</li>
<li class="">
<a href="../../number/to-be-NaN">to be NaN</a>
</li>
<li class="">
<a href="../../number/to-be-negative">to be negative</a>
</li>
<li class="">
<a href="../../number/to-be-positive">to be positive</a>
</li>
<li class="">
<a href="../../number/to-be-within">to be within</a>
</li>
</ul>
</li>
<li>
<h3>boolean</h3>
<ul>
<li class="">
<a href="../../boolean/to-be-false">to be false</a>
</li>
<li class="">
<a href="../../boolean/to-be-true">to be true</a>
</li>
</ul>
</li>
<li>
<h3>object</h3>
<ul>
<li class="">
<a href="../../object/to-be-canonical">to be canonical</a>
</li>
<li class="">
<a href="../../object/to-have-key">to have key</a>
</li>
<li class="">
<a href="../../object/to-have-keys">to have keys</a>
</li>
<li class="">
<a href="../../object/to-have-keys-satisfying">to have keys satisfying</a>
</li>
<li class="">
<a href="../../object/to-have-properties">to have properties</a>
</li>
<li class="">
<a href="../../object/to-have-property">to have property</a>
</li>
<li class="">
<a href="../../object/to-have-values-satisfying">to have values satisfying</a>
</li>
</ul>
</li>
<li>
<h3>function</h3>
<ul>
<li class="">
<a href="../../function/to-call-the-callback">to call the callback</a>
</li>
<li class="">
<a href="../../function/to-call-the-callback-with-error">to call the callback with error</a>
</li>
<li class="">
<a href="../../function/to-call-the-callback-without-error">to call the callback without error</a>
</li>
<li class="">
<a href="../../function/to-error">to error</a>
</li>
<li class="">
<a href="../../function/to-have-arity">to have arity</a>
</li>
<li class="">
<a href="../../function/to-throw">to throw</a>
</li>
</ul>
</li>
<li>
<h3>Promise</h3>
<ul>
<li class="">
<a href="../../Promise/to-be-fulfilled">to be fulfilled</a>
</li>
<li class="">
<a href="../../Promise/to-be-rejected">to be rejected</a>
</li>
<li class="">
<a href="../../Promise/when-fulfilled">when fulfilled</a>
</li>
<li class="">
<a href="../../Promise/when-rejected">when rejected</a>
</li>
</ul>
</li>
<li>
<h3>Error</h3>
<ul>
<li class="">
<a href="../../Error/to-have-message">to have message</a>
</li>
</ul>
</li>
<li>
<h3>array-like</h3>
<ul>
<li class="">
<a href="../../array-like/to-be-empty">to be empty</a>
</li>
<li class="">
<a href="../../array-like/to-be-non-empty">to be non-empty</a>
</li>
<li class="">
<a href="../../array-like/to-contain">to contain</a>
</li>
<li class="">
<a href="../../array-like/to-have-items-satisfying">to have items satisfying</a>
</li>
<li class="">
<a href="../../array-like/to-have-length">to have length</a>
</li>
<li class="">
<a href="../../array-like/when-passed-as-parameters-to">when passed as parameters to</a>
</li>
</ul>
</li>
<li>
<h3>Buffer</h3>
<ul>
<li class="">
<a href="../../Buffer/when-decoded-as">when decoded as</a>
</li>
</ul>
</li>
</ul>
</nav>
<div class="main" tabindex="-1">
<div class="content">
<h1>to equal</h1>
<p>Asserts deep equality.</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> a<span style="color: #000000">:</span> <span style="color: #df5000">'b'</span> <span style="color: #000000">},</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> a<span style="color: #000000">:</span> <span style="color: #df5000">'b'</span> <span style="color: #000000">});</span></div>
<div><span style="color: #a71d5d">var</span> now <span style="color: #a71d5d">=</span> <span style="color: #a71d5d">new</span> Date<span style="color: #000000">();</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span>now<span style="color: #000000">,</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> now<span style="color: #000000">);</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span>now<span style="color: #000000">,</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #a71d5d">new</span> Date<span style="color: #000000">(</span>now<span style="color: #000000">.</span><span style="color: #000000">getTime</span><span style="color: #000000">()));</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> now<span style="color: #000000">:</span> now <span style="color: #000000">},</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> now<span style="color: #000000">:</span> now <span style="color: #000000">});</span></div>
</div><p>For a lot of types a failing equality test results in a nice
diff. Below you can see some examples of the diffs.</p>
<p>An object diff containing a string diff:</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> text<span style="color: #000000">:</span> <span style="color: #df5000">'foo!'</span> <span style="color: #000000">},</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> text<span style="color: #000000">:</span> <span style="color: #df5000">'f00!'</span> <span style="color: #000000">});</span></div>
</div><div class="output">
<div><span style="color: red; font-weight: bold">expected</span> { <span style="color: #555">text</span>: <span style="color: #df5000">'foo!'</span> } <span style="color: red; font-weight: bold">to equal</span> { <span style="color: #555">text</span>: <span style="color: #df5000">'f00!'</span> }</div>
<div> </div>
<div>{</div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">text</span>: <div style="display: inline-block; vertical-align: top">
<div><span style="color: #df5000">'foo!'</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">//</span></div>
<div><span style="color: red; font-weight: bold">//</span></div>
<div><span style="color: red; font-weight: bold">//</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">should equal</span> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #df5000">'f00!'</span></div>
</div></div>
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: red">-</span></div>
</div><div style="display: inline-block; vertical-align: top">
<div><span style="background-color: red; color: white">foo</span><span style="color: red">!</span></div>
</div></div>
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: green">+</span></div>
</div><div style="display: inline-block; vertical-align: top">
<div><span style="background-color: green; color: white">f00</span><span style="color: green">!</span></div>
</div></div>
</div></div>
</div></div>
<div>}</div>
</div><p>A diff between objects with different keys.</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> one<span style="color: #000000">:</span> <span style="color: #0086b3">1</span><span style="color: #000000">,</span> two<span style="color: #000000">:</span> <span style="color: #0086b3">2</span><span style="color: #000000">,</span> four<span style="color: #000000">:</span> <span style="color: #0086b3">4</span><span style="color: #000000">,</span> five<span style="color: #000000">:</span> <span style="color: #0086b3">5</span> <span style="color: #000000">},</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> one<span style="color: #000000">:</span> <span style="color: #0086b3">1</span><span style="color: #000000">,</span> two<span style="color: #000000">:</span> <span style="color: #0086b3">2</span><span style="color: #000000">,</span> three<span style="color: #000000">:</span> <span style="color: #0086b3">3</span><span style="color: #000000">,</span> four<span style="color: #000000">:</span> <span style="color: #0086b3">4</span> <span style="color: #000000">});</span></div>
</div><div class="output">
<div><span style="color: red; font-weight: bold">expected</span> { <span style="color: #555">one</span>: <span style="color: #0086b3">1</span>, <span style="color: #555">two</span>: <span style="color: #0086b3">2</span>, <span style="color: #555">four</span>: <span style="color: #0086b3">4</span>, <span style="color: #555">five</span>: <span style="color: #0086b3">5</span> }</div>
<div><span style="color: red; font-weight: bold">to equal</span> { <span style="color: #555">one</span>: <span style="color: #0086b3">1</span>, <span style="color: #555">two</span>: <span style="color: #0086b3">2</span>, <span style="color: #555">three</span>: <span style="color: #0086b3">3</span>, <span style="color: #555">four</span>: <span style="color: #0086b3">4</span> }</div>
<div> </div>
<div>{</div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">one</span>: <span style="color: #0086b3">1</span>,</div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">two</span>: <span style="color: #0086b3">2</span>,</div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">four</span>: <span style="color: #0086b3">4</span>,</div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">five</span>: <span style="color: #0086b3">5</span>, <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">//</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">should be removed</span></div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #555">three</span>: <div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">undefined</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">//</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">should equal</span> <div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">3</span></div>
</div></div>
</div></div>
</div></div>
<div>}</div>
</div><p>A diff between two arrays.</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">([</span> <span style="color: #0086b3">0</span><span style="color: #000000">,</span> <span style="color: #0086b3">1</span><span style="color: #000000">,</span> <span style="color: #0086b3">2</span><span style="color: #000000">,</span> <span style="color: #0086b3">4</span><span style="color: #000000">,</span> <span style="color: #0086b3">5</span><span style="color: #000000">],</span> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">[</span> <span style="color: #0086b3">1</span><span style="color: #000000">,</span> <span style="color: #0086b3">2</span><span style="color: #000000">,</span> <span style="color: #0086b3">3</span><span style="color: #000000">,</span> <span style="color: #0086b3">4</span><span style="color: #000000">]);</span></div>
</div><div class="output">
<div><span style="color: red; font-weight: bold">expected</span> [ <span style="color: #0086b3">0</span>, <span style="color: #0086b3">1</span>, <span style="color: #0086b3">2</span>, <span style="color: #0086b3">4</span>, <span style="color: #0086b3">5</span> ] <span style="color: red; font-weight: bold">to equal</span> [ <span style="color: #0086b3">1</span>, <span style="color: #0086b3">2</span>, <span style="color: #0086b3">3</span>, <span style="color: #0086b3">4</span> ]</div>
<div> </div>
<div>[</div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">0</span>, <span style="color: red; font-weight: bold">// should be removed</span></div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">1</span>,</div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">2</span>,</div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">//</span></div>
</div> <div style="display: inline-block; vertical-align: top">
<div><span style="color: red; font-weight: bold">missing </span><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">3</span></div>
</div></div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">4</span>,</div>
</div></div>
</div></div>
<div> <div style="display: inline-block; vertical-align: top">
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: #0086b3">5</span> <span style="color: red; font-weight: bold">// should be removed</span></div>
</div></div>
</div></div>
<div>]</div>
</div><p>A diff between two buffers.</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span></div>
<div> <span style="color: #a71d5d">new</span> Buffer<span style="color: #000000">(</span><span style="color: #df5000">'\x00\x01\x02Here is the thing I was talking about'</span><span style="color: #000000">,</span> <span style="color: #df5000">'utf-8'</span><span style="color: #000000">),</span></div>
<div> <span style="color: #df5000">'to equal'</span><span style="color: #000000">,</span></div>
<div> <span style="color: #a71d5d">new</span> Buffer<span style="color: #000000">(</span><span style="color: #df5000">'\x00\x01\x02Here is the thing I was quuxing about'</span><span style="color: #000000">,</span> <span style="color: #df5000">'utf-8'</span><span style="color: #000000">)</span></div>
<div><span style="color: #000000">);</span></div>
</div><div class="output">
<div><span style="color: red; font-weight: bold">expected</span> <span style="color: #000000">Buffer</span><span style="color: #000000">([</span><span style="color: #0086b3">0x00</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x01</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x02</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x48</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x72</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x69</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x73</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x74</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x68</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x74</span> <span style="color: #969896">/* 24 more */</span> <span style="color: #000000">])</span></div>
<div><span style="color: red; font-weight: bold">to equal</span> <span style="color: #000000">Buffer</span><span style="color: #000000">([</span><span style="color: #0086b3">0x00</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x01</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x02</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x48</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x72</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x69</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x73</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x74</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x68</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x65</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x20</span><span style="color: #000000">,</span> <span style="color: #0086b3">0x74</span> <span style="color: #969896">/* 24 more */</span> <span style="color: #000000">])</span></div>
<div> </div>
<div> 00 01 02 48 65 72 65 20 69 73 20 74 68 65 20 74 │...Here is the t│</div>
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: red">-</span></div>
</div><div style="display: inline-block; vertical-align: top">
<div><span style="color: red">68</span> <span style="color: red">69</span> <span style="color: red">6E</span> <span style="color: red">67</span> <span style="color: red">20</span> <span style="color: red">49</span> <span style="color: red">20</span> <span style="color: red">77</span> <span style="color: red">61</span> <span style="color: red">73</span> <span style="color: red">20</span> <span style="color: red">7</span><span style="background-color: red; color: white">4</span> <span style="background-color: red; color: white">6</span><span style="color: red">1</span> <span style="background-color: red; color: white">6C</span> <span style="background-color: red; color: white">6B</span> <span style="color: red">69</span> │<span style="color: red">hing</span> <span style="color: red">I</span> <span style="color: red">was</span> <span style="background-color: red; color: white">talk</span><span style="color: red">i</span>│</div>
</div></div>
<div><div style="display: inline-block; vertical-align: top">
<div><span style="color: green">+</span></div>
</div><div style="display: inline-block; vertical-align: top">
<div><span style="color: green">68</span> <span style="color: green">69</span> <span style="color: green">6E</span> <span style="color: green">67</span> <span style="color: green">20</span> <span style="color: green">49</span> <span style="color: green">20</span> <span style="color: green">77</span> <span style="color: green">61</span> <span style="color: green">73</span> <span style="color: green">20</span> <span style="color: green">71</span> <span style="background-color: green; color: white">75</span> <span style="background-color: green; color: white">75</span> <span style="background-color: green; color: white">78</span> <span style="color: green">69</span> │<span style="color: green">hing</span> <span style="color: green">I</span> <span style="color: green">was</span> <span style="background-color: green; color: white">quux</span><span style="color: green">i</span>│</div>
</div></div>
<div> 6E 67 20 61 62 6F 75 74 │ng about│</div>
</div><p>This assertion can be negated using the <code>not</code> flag:</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span><span style="color: #0086b3">1</span><span style="color: #000000">,</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> <span style="color: #df5000">'1'</span><span style="color: #000000">);</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> one<span style="color: #000000">:</span> <span style="color: #0086b3">1</span> <span style="color: #000000">},</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> one<span style="color: #000000">:</span> <span style="color: #df5000">'1'</span> <span style="color: #000000">});</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span><span style="color: #a71d5d">null</span><span style="color: #000000">,</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> <span style="color: #df5000">'1'</span><span style="color: #000000">);</span></div>
<div><span style="color: #a71d5d">var</span> now <span style="color: #a71d5d">=</span> <span style="color: #a71d5d">new</span> Date<span style="color: #000000">();</span></div>
<div><span style="color: #a71d5d">var</span> later <span style="color: #a71d5d">=</span> <span style="color: #a71d5d">new</span> Date<span style="color: #000000">(</span>now<span style="color: #000000">.</span><span style="color: #000000">getTime</span><span style="color: #000000">()</span> <span style="color: #a71d5d">+</span> <span style="color: #0086b3">42</span><span style="color: #000000">);</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">(</span>now<span style="color: #000000">,</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> later<span style="color: #000000">);</span></div>
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> time<span style="color: #000000">:</span> now <span style="color: #000000">},</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> time<span style="color: #000000">:</span> later <span style="color: #000000">});</span></div>
</div><p>In case of a failing expectation you get the following output:</p>
<div class="code lang-javascript">
<div><span style="color: #000000">expect</span><span style="color: #000000">({</span> a<span style="color: #000000">:</span> <span style="color: #000000">{</span> b<span style="color: #000000">:</span> <span style="color: #df5000">'d'</span><span style="color: #000000">}</span> <span style="color: #000000">},</span> <span style="color: #df5000">'not to equal'</span><span style="color: #000000">,</span> <span style="color: #000000">{</span> a<span style="color: #000000">:</span> <span style="color: #000000">{</span> b<span style="color: #000000">:</span> <span style="color: #df5000">'d'</span><span style="color: #000000">}</span> <span style="color: #000000">});</span></div>
</div><div class="output">
<div><span style="color: red; font-weight: bold">expected</span> { <span style="color: #555">a</span>: { <span style="color: #555">b</span>: <span style="color: #df5000">'d'</span> } } <span style="color: red; font-weight: bold">not to equal</span> { <span style="color: #555">a</span>: { <span style="color: #555">b</span>: <span style="color: #df5000">'d'</span> } }</div>
</div>
</div>
</div>
</section>
<script type="text/javascript">
baseUrl = '../../..';
</script>
<script type="text/javascript" src="../../../static/toggleSidebar.js"></script>
<script type="text/javascript" src="../../../static/rememberScrollPosition.js"></script>
<script type="text/javascript" src="../../../static/focusMain.js"></script>
<script type="text/javascript" src="../../../static/search.js"></script>
</body>
</html>