JSFiddle - React, Tailwind, and code Playground

by lark

HTML

<link rel="stylesheet" href="http://dougneiner.s3.amazonaws.com/test/NicknameTabComplete/tests/qunit.css">

    <H1 id="qunit-header"><A href=""> Nickname Tab Complete Unit Tests</A> </H1>
    <H2 id="qunit-banner"></H2>
    <DIV style="display: block;" id="qunit-testrunner-toolbar"><INPUT id="qunit-filter-pass" type="checkbox"><LABEL for="qunit-filter-pass">Hide passed tests</LABEL><INPUT id="qunit-filter-missing" type="checkbox"><LABEL for="qunit-filter-missing">Hide missing tests (untested code is broken code)</LABEL></DIV>
    <H2 id="qunit-userAgent">Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; WOW64; Trident/5.0)</H2>
    <OL id="qunit-tests"><LI class="fail"><STRONG><SPAN class="module-name">Selection tests</SPAN>: <SPAN class="test-name">Setting then retrieving the caret position should be accurate</SPAN> <B class="counts">(<B class="failed">3</B>, <B class="passed">2</B>, 5)</B></STRONG><OL style="display: block;"><LI style="display: none;" class="pass"><SPAN class="test-message">Length should be 0</SPAN>, expected: <SPAN class="test-expected">0</SPAN></LI><LI class="fail"><SPAN class="test-message">Start should be at index 80</SPAN>, expected: <SPAN class="test-expected">82</SPAN> result: <SPAN class="test-actual">84</SPAN>, diff: <DEL>82 </DEL><INS>84 </INS></LI><LI class="fail"><SPAN class="test-message">End should be at index 80</SPAN>, expected: <SPAN class="test-expected">82</SPAN> result: <SPAN class="test-actual">84</SPAN>, diff: <DEL>82 </DEL><INS>84 </INS></LI><LI style="display: none;" class="pass"><SPAN class="test-message">First half of string should match sample string.</SPAN>, expected: <SPAN class="test-expected">"This is some sample text that includes an @doug symbol with a space.

And an @ly"</SPAN></LI><LI class="fail"><SPAN class="test-message">Completion should be accurate.</SPAN>, expected: <SPAN class="test-expected">"This count
begins
to @LynnRegis "</SPAN> result: <SPAN class="test-actual">"This count
begins
to...