<p dir="auto">Challenge <a href="http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element" rel="nofollow">http://www.freecodecamp.com/challenges/waypoint-give-a-background-color-to-a-div-element</a> has an issue. Please describe how to reproduce it, and include links to screenshots if possible.</p>
<p dir="auto">This happens on all Waypoints I've tried since the update. It did not happen prior. Here's a video of the behavior:<br>
<a href="http://www.screencast.com/t/925RcgPZ" rel="nofollow">http://www.screencast.com/t/925RcgPZ</a></p>
<p dir="auto">Mac OS X Yosemite<br>
10.10.4 (14E46)<br>
Safari Version 8.0.7 (10600.7.12)</p>
<h4 dir="auto">Issue Description</h4>
<p dir="auto">As a developer, having a notification on beta challenges that tests are incomplete would help me find issues to work on.</p>
<p dir="auto">As a product owner, having a notification of missing tests on beta challenges will reduce the number of incoming tickets and duplicate tickets because users will know the challenge is incomplete.</p>
<p dir="auto">Additionally, I think this could be easier for users to spot opportunities to work on the project.</p>
<p dir="auto">example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="      &quot;id&quot;: &quot;587d7b89367417b2b2512b48&quot;,
      &quot;title&quot;: &quot;Use the Spread Operator&quot;,
      &quot;description&quot;: [
        &quot;ES6 introduces the &lt;dfn&gt;spread operator&lt;/dfn&gt;, which allows us to expand arrays and other expressions in places where multiple parameters or elements are expected.&quot;,
        &quot;The ES5 code below uses &lt;code&gt;apply()&lt;/code&gt; to compute the maximum value in an array:&quot;,
        &quot;&lt;blockquote&gt;var arr = [6, 89, 3, 45];&lt;br&gt;var maximus = Math.max.apply(null, arr); // returns 89&lt;/blockquote&gt;&quot;,
        &quot;We had to use &lt;code&gt;Math.max.apply(null, arr)&lt;/code&gt; because &lt;code&gt;Math.max(arr)&lt;/code&gt; returns &lt;code&gt;NaN&lt;/code&gt;. &lt;code&gt;Math.max()&lt;/code&gt; expects comma-separated arguments, but not an array.&quot;,
        &quot;The spread operator makes this syntax much better to read and maintain.&quot;,
        &quot;&lt;blockquote&gt;const arr = [6, 89, 3, 45];&lt;br&gt;const maximus = Math.max(...arr); // returns 89&lt;/blockquote&gt;&quot;,
        &quot;&lt;code&gt;...arr&lt;/code&gt; returns an unpacked array. In other words, it &lt;em&gt;spreads&lt;/em&gt; the array.&quot;,
        &quot;However, the spread operator only works in-place, like in an argument to a function or in an array literal. The following code will not work:&quot;,
        &quot;&lt;blockquote&gt;const spreaded = ...arr; // will throw a syntax error&lt;/blockquote&gt;&quot;,
        &quot;&lt;hr&gt;&quot;,
        &quot;Copy all contents of &lt;code&gt;arr1&lt;/code&gt; into another array &lt;code&gt;arr2&lt;/code&gt; using the spread operator.&quot;
      ],
      &quot;challengeSeed&quot;: [
        &quot;const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];&quot;,
        &quot;const arr2 = [];&quot;,
        &quot;// change code below this line&quot;,
        &quot;// change code above this line&quot;,
        &quot;arr1.push('JUN');&quot;,
        &quot;console.log(arr2); // arr2 should not be affected&quot;
      ],
      &quot;tests&quot;: [
        &quot;// Test arr2 is correct copy of arr1&quot;,
        &quot;// Test arr1 has changed&quot;,
        &quot;// Test spread operator was used&quot;
      ]"><pre class="notranslate"><code class="notranslate">      "id": "587d7b89367417b2b2512b48",
      "title": "Use the Spread Operator",
      "description": [
        "ES6 introduces the &lt;dfn&gt;spread operator&lt;/dfn&gt;, which allows us to expand arrays and other expressions in places where multiple parameters or elements are expected.",
        "The ES5 code below uses &lt;code&gt;apply()&lt;/code&gt; to compute the maximum value in an array:",
        "&lt;blockquote&gt;var arr = [6, 89, 3, 45];&lt;br&gt;var maximus = Math.max.apply(null, arr); // returns 89&lt;/blockquote&gt;",
        "We had to use &lt;code&gt;Math.max.apply(null, arr)&lt;/code&gt; because &lt;code&gt;Math.max(arr)&lt;/code&gt; returns &lt;code&gt;NaN&lt;/code&gt;. &lt;code&gt;Math.max()&lt;/code&gt; expects comma-separated arguments, but not an array.",
        "The spread operator makes this syntax much better to read and maintain.",
        "&lt;blockquote&gt;const arr = [6, 89, 3, 45];&lt;br&gt;const maximus = Math.max(...arr); // returns 89&lt;/blockquote&gt;",
        "&lt;code&gt;...arr&lt;/code&gt; returns an unpacked array. In other words, it &lt;em&gt;spreads&lt;/em&gt; the array.",
        "However, the spread operator only works in-place, like in an argument to a function or in an array literal. The following code will not work:",
        "&lt;blockquote&gt;const spreaded = ...arr; // will throw a syntax error&lt;/blockquote&gt;",
        "&lt;hr&gt;",
        "Copy all contents of &lt;code&gt;arr1&lt;/code&gt; into another array &lt;code&gt;arr2&lt;/code&gt; using the spread operator."
      ],
      "challengeSeed": [
        "const arr1 = ['JAN', 'FEB', 'MAR', 'APR', 'MAY'];",
        "const arr2 = [];",
        "// change code below this line",
        "// change code above this line",
        "arr1.push('JUN');",
        "console.log(arr2); // arr2 should not be affected"
      ],
      "tests": [
        "// Test arr2 is correct copy of arr1",
        "// Test arr1 has changed",
        "// Test spread operator was used"
      ]
</code></pre></div>