Update tests after deps reinstallation has object keys being coloured.

Author: alexjeffburke

test/Evaldown.spec.js

@@ -180,7 +180,7 @@ describe("Evaldown", () => {
 
           <div class="output"><div><span style="color: #df5000">'foo'</span></div></div>
 
-          <div class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;foo<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></div>
+          <div class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">foo</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></div>
 
           <div class="output"><div>{&nbsp;<span style="color: #555">foo</span>:&nbsp;<span style="color: #df5000">'bar'</span>&nbsp;}</div></div>
 
@@ -241,12 +241,12 @@ describe("Evaldown", () => {
         expect.unindent`
           Asserts deep equality.
 
-          <pre class="code lang-javascript"><div><span style="color: #07a">const</span>&nbsp;expect&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #DD4A68">require</span><span style="color: #999">(</span><span style="color: #690">'unexpected'</span><span style="color: #999">);</span></div><div>&nbsp;</div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;a<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;b&quot;</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;a<span style="color: #a67f59">:</span>&nbsp;<span style="color: #905">1234</span>&nbsp;<span style="color: #999">});</span></div><div><span style="color: #07a">var</span>&nbsp;now&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #07a">new</span>&nbsp;Date<span style="color: #999">();</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">(</span>now<span style="color: #999">,</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;now<span style="color: #999">);</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">(</span>now<span style="color: #999">,</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #07a">new</span>&nbsp;Date<span style="color: #999">(</span>now<span style="color: #999">.</span><span style="color: #DD4A68">getTime</span><span style="color: #999">()));</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;now<span style="color: #a67f59">:</span>&nbsp;now&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;now<span style="color: #a67f59">:</span>&nbsp;now&nbsp;<span style="color: #999">});</span></div></pre>
+          <pre class="code lang-javascript"><div><span style="color: #07a">const</span>&nbsp;expect&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #DD4A68">require</span><span style="color: #999">(</span><span style="color: #690">'unexpected'</span><span style="color: #999">);</span></div><div>&nbsp;</div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;<span style="color: #905">a</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;b&quot;</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">a</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #905">1234</span>&nbsp;<span style="color: #999">});</span></div><div><span style="color: #07a">var</span>&nbsp;now&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #07a">new</span>&nbsp;Date<span style="color: #999">();</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">(</span>now<span style="color: #999">,</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;now<span style="color: #999">);</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">(</span>now<span style="color: #999">,</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #07a">new</span>&nbsp;Date<span style="color: #999">(</span>now<span style="color: #999">.</span><span style="color: #DD4A68">getTime</span><span style="color: #999">()));</span></div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;<span style="color: #905">now</span><span style="color: #a67f59">:</span>&nbsp;now&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">now</span><span style="color: #a67f59">:</span>&nbsp;now&nbsp;<span style="color: #999">});</span></div></pre>
 
           For a lot of types a failing equality test results in a nice
           diff. Below you can see an object diff.
 
-          <pre class="code lang-javascript"><div><span style="color: #07a">const</span>&nbsp;expect&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #DD4A68">require</span><span style="color: #999">(</span><span style="color: #690">'unexpected'</span><span style="color: #999">);</span></div><div>&nbsp;</div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;text<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;foo!&quot;</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;text<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;f00!&quot;</span>&nbsp;<span style="color: #999">});</span></div></pre>
+          <pre class="code lang-javascript"><div><span style="color: #07a">const</span>&nbsp;expect&nbsp;<span style="color: #a67f59">=</span>&nbsp;<span style="color: #DD4A68">require</span><span style="color: #999">(</span><span style="color: #690">'unexpected'</span><span style="color: #999">);</span></div><div>&nbsp;</div><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;<span style="color: #905">text</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;foo!&quot;</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">&quot;to&nbsp;equal&quot;</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">text</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;f00!&quot;</span>&nbsp;<span style="color: #999">});</span></div></pre>
 
           <pre class="output"><div><span style="color: red; font-weight: bold">expected</span>&nbsp;{&nbsp;<span style="color: #555">text</span>:&nbsp;<span style="color: #df5000">'foo!'</span>&nbsp;}&nbsp;<span style="color: red; font-weight: bold">to&nbsp;equal</span>&nbsp;{&nbsp;<span style="color: #555">text</span>:&nbsp;<span style="color: #df5000">'f00!'</span>&nbsp;}</div><div>&nbsp;</div><div>{</div><div>&nbsp;&nbsp;<div style="display: inline-block; vertical-align: top"><div><span style="color: #555">text</span>:&nbsp;<div style="display: inline-block; vertical-align: top"><div><span style="color: #df5000">'foo!'</span></div></div>&nbsp;<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><span style="color: red; font-weight: bold">//</span></div></div>&nbsp;<div style="display: inline-block; vertical-align: top"><div><span style="color: red; font-weight: bold">should&nbsp;equal</span>&nbsp;<div style="display: inline-block; vertical-align: top"><div><span style="color: #df5000">'f00!'</span></div></div></div><div>&nbsp;</div><div><span style="background-color: red; color: white">foo</span><span style="color: red">!</span></div><div><span style="background-color: green; color: white">f00</span><span style="color: green">!</span></div></div></div></div></div><div>}</div></pre>
 
@@ -714,7 +714,7 @@ describe("Evaldown", () => {
 
           <pre class="output"><div><span style="color: #df5000">'foobar'</span></div></pre>
 
-          <pre class="code lang-javascript"><div><span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;foo<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">'bar'</span>&nbsp;<span style="color: #999">};</span></div></pre>
+          <pre class="code lang-javascript"><div><span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">foo</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">'bar'</span>&nbsp;<span style="color: #999">};</span></div></pre>
 
           <pre class="output"><div>{&nbsp;<span style="color: #555">foo</span>:&nbsp;<span style="color: #df5000">'bar'</span>&nbsp;}</div></pre>
 
@@ -751,7 +751,7 @@ describe("Evaldown", () => {
 
           <pre class="output"><div><span style="color: #df5000">foobar</span></div></pre>
 
-          <pre class="code lang-javascript"><div>console<span style="color: #999">.</span><span style="color: #DD4A68">info</span><span style="color: #999">({</span>&nbsp;foo<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">'bar'</span>&nbsp;<span style="color: #999">});</span></div></pre>
+          <pre class="code lang-javascript"><div>console<span style="color: #999">.</span><span style="color: #DD4A68">info</span><span style="color: #999">({</span>&nbsp;<span style="color: #905">foo</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">'bar'</span>&nbsp;<span style="color: #999">});</span></div></pre>
 
           <pre class="output"><div>{&nbsp;<span style="color: #555">foo</span>:&nbsp;<span style="color: #df5000">'bar'</span>&nbsp;}</div></pre>
 
@@ -887,7 +887,7 @@ describe("Evaldown", () => {
         expect.unindent`
           <p>Mixed capturing.</p>
           <p>First there is a return value:</p>
-          <div class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;foo<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></div>
+          <div class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">foo</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></div>
 
           <div class="output"><div>{&nbsp;<span style="color: #555">foo</span>:&nbsp;<span style="color: #df5000">'bar'</span>&nbsp;}</div></div>
 
@@ -918,7 +918,7 @@ describe("Evaldown", () => {
 
           First there is a return value:
 
-          <pre class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;foo<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></pre>
+          <pre class="code lang-javascript"><div><span style="color: #07a">function</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">()</span>&nbsp;<span style="color: #999">{</span></div><div>&nbsp;&nbsp;<span style="color: #07a">return</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">foo</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">&quot;bar&quot;</span>&nbsp;<span style="color: #999">};</span></div><div><span style="color: #999">}</span></div><div>&nbsp;</div><div><span style="color: #708090">//&nbsp;objects&nbsp;are&nbsp;inspected&nbsp;too</span></div><div><span style="color: #07a">return</span>&nbsp;<span style="color: #DD4A68">doSomething</span><span style="color: #999">();</span></div></pre>
 
           <pre class="output"><div>{&nbsp;<span style="color: #555">foo</span>:&nbsp;<span style="color: #df5000">'bar'</span>&nbsp;}</div></pre>
 

test/md/Markdown.spec.js

@@ -145,7 +145,7 @@ repository: https://github.com/unexpectedjs/unexpected
       return expect(
         markdown.toHtml(),
         "to equal snapshot",
-        '<div class="code lang-javascript"><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;a<span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">\'b\'</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">\'to&nbsp;equal\'</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;a<span style="color: #a67f59">:</span>&nbsp;<span style="color: #905">1234</span>&nbsp;<span style="color: #999">});</span></div></div>'
+        '<div class="code lang-javascript"><div><span style="color: #DD4A68">expect</span><span style="color: #999">({</span>&nbsp;<span style="color: #905">a</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #690">\'b\'</span>&nbsp;<span style="color: #999">},</span>&nbsp;<span style="color: #690">\'to&nbsp;equal\'</span><span style="color: #999">,</span>&nbsp;<span style="color: #999">{</span>&nbsp;<span style="color: #905">a</span><span style="color: #a67f59">:</span>&nbsp;<span style="color: #905">1234</span>&nbsp;<span style="color: #999">});</span></div></div>'
       );
     });