JSFiddle - React, Tailwind, and code Playground

by Graham Fairweather

HTML

<script src="https://rawgit.com/Xotic750/testrunner-old/master/testrunner.js"></script>
<link rel="stylesheet" href="https://rawgit.com/Xotic750/testrunner-old/master/testrunner.css">
<h1>isNumber Test Cases</h1>
<h2 id="banner" class="pass"></h2>
<h2 id="userAgent"></h2>
<div id="currentFunction"></div>
<div id="selectFunction">
  <label for="toTest" style="font-weight:bold; font-size:Large;">Select function to test:</label>
  <select id="toTest" name="toTest"></select>
</div>
<div id="testCode"></div>
<ol id="tests">
  <li class="pass"><strong>Integer Literals <b style="color:black;">(<b class="fail">0</b>, <b class="pass">10</b>, 10)</b></strong>

    <ol style="display: none;">
      <li class="pass">Negative integer string</li>
      <li class="pass">Zero string</li>
      <li class="pass">Positive integer string</li>
      <li class="pass">Negative integer number</li>
      <li class="pass">Zero integer number</li>
      <li class="pass">Positive integer number</li>
      <li class="pass">Octal integer literal string</li>
      <li class="pass">Octal integer literal</li>
      <li class="pass">Hexadecimal integer literal string</li>
      <li class="pass">Hexadecimal integer literal</li>
    </ol>
  </li>
  <li class="pass"><strong>Foating-Point Literals <b style="color:black;">(<b class="fail">0</b>, <b class="pass">6</b>, 6)</b></strong>

    <ol style="display: none;">
      <li class="pass">Negative floating point string</li>
      <li class="pass">Positive floating point string</li>
      <li class="pass">Negative floating point number</li>
      <li class="pass">Positive floating point number</li>
      <li class="pass">Exponential notation</li>
      <li class="pass">Exponential notation string</li>
    </ol>
  </li>
  <li class="pass"><strong>Non-Numeric values <b style="color:black;">(<b class="fail">0</b>, <b class="pass">18</b>, 18)</b></strong>

    <ol style="display: none;">
      <li class="pass">Empty string: false</li>
      <li...

JavaScript

var testHelper = function() {

  var testSuite = function() {
    test("Integer Literals", function() {
      ok(isNumber("-10"), "Negative integer string");
      ok(isNumber("0"), "Zero string");
      ok(isNumber("5"), "Positive integer string");
      ok(isNumber(-16), "Negative integer number");
      ok(isNumber(0), "Zero integer number");
      ok(isNumber(32), "Positive integer number");
      ok(isNumber("040"), "Octal integer literal string");
      ok(isNumber(0144), "Octal integer literal");
      ok(isNumber("-040"), "Negative Octal integer literal string");
      ok(isNumber(-0144), "Negative Octal integer literal");
      ok(isNumber("0xFF"), "Hexadecimal integer literal string");
      ok(isNumber(0xFFF), "Hexadecimal integer literal");
      ok(isNumber("-0xFF"), "Negative Hexadecimal integer literal string");
      ok(isNumber(-0xFFF), "Negative Hexadecimal integer literal");
    });

    test("Foating-Point Literals", function() {
      ok(isNumber("-1.6"), "Negative floating point string");
      ok(isNumber("4.536"), "Positive floating point string");
      ok(isNumber(-2.6), "Negative floating point number");
      ok(isNumber(3.1415), "Positive floating point number");
      ok(isNumber(8e5), "Exponential notation");
      ok(isNumber("123e-2"), "Exponential notation string");
    });

    test("Non-Numeric values", function() {
      equals(isNumber(""), false, "Empty string");
      equals(isNumber("        "), false, "Whitespace characters string");
      equals(isNumber("\t\t"), false, "Tab characters string");
      equals(isNumber("abcdefghijklm1234567890"), false, "Alphanumeric character string");
      equals(isNumber("xabcdefx"), false, "Non-numeric character string");
      equals(isNumber(true), false, "Boolean true literal");
      equals(isNumber(false), false, "Boolean false literal");
      equals(isNumber("bcfed5.2"), false, "Number with preceding non-numeric characters");
      equals(isNumber("7.2acdgs"), false, "Number...