JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.9.0.css">
</head>
<body>
  <div id="qunit"></div>
  <script src="http://code.jquery.com/qunit/qunit-1.9.0.js"></script>
    
  
</body>
</html>

JavaScript

test( "loose markup test", function() {
    
  var looseMarkup = "hello, <b>world</b>, <b>bye</b> !!!";
    var $fakeDiv = $("<div />").html(looseMarkup);
    var fakeDiv = $fakeDiv[0];
    //equal($fakeDiv.html(), looseMarkup);
    equal($fakeDiv.children().length, fakeDiv.childNodes.length, "$.fn.children should be able to include text node at the head and tail");
    
    equal($(looseMarkup).length, fakeDiv.childNodes.length, "jQuery constructor should be able to include text node at the head and tail");
    
});