JSFiddle - React, Tailwind, and code Playground

by snover

HTML

<link rel="stylesheet" href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css">
<h1 id="qunit-header">QUnit Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
<div id="qunit-fixture"></div>

JavaScript

function selectorEquals(selector, expects) {
    return equals($(selector).length, expects, selector);
}

test("bug 6233", 5, function() {
    $('#qunit-fixture').append('<input name="person.names[0]" />');
    
    selectorEquals("input:visible", 1);
    selectorEquals("input[name]:visible", 1);
    selectorEquals("[name='person.names[0]']:hidden", 0);
    selectorEquals("[name='person.names[0]']:visible", 1);
    
    var success = true,
        invalidSelector = "[name=person.names[0]]:visible";
    try {
        $(invalidSelector);
        success = false;
    }
    catch(e) {}
    
    ok(success, invalidSelector + " throws Error");
});