JSFiddle - React, Tailwind, and code Playground

by kanonji

HTML

<link rel="stylesheet" href="http://pivotal.github.com/jasmine/lib/jasmine.css">
<script src="http://pivotal.github.com/jasmine/lib/jasmine.js"></script>
<script src="http://pivotal.github.com/jasmine/lib/jasmine-html.js"></script>
<script src="http://blog.bandzarewicz.com/javascripts/jasmine/runner.js"></script>

<div id="container">
    <h1>Firing multiple forcusin events under certain conditions.</h1>
    <h2>Multiple firings occur on...</h2>
    <p>Window7 64bit. Chrome 21.0.1180.79 m.<br>Click on address bar, then click the text box below. you will get focusin event 2 or 3 times.</p>
    <h2>Tried but not happen on...</h2>
    <h3>Windows7 64bit</h3>
    <ul>
        <li>Firefox 12.0</li>
        <li>Opera 11.64</li>
        <li>IE 9</li>
    </ul>
    <h3>Mac OS X 10.5.8</h3>
    <ul>
        <li>Firefox 14.1</li>
        <li>Safari 5.0.6</li>
        <li>Chrome 20.0.1132.47</li>
    </ul>
    <form>
        <input id="input" type="text" name="input" value="">
    </form>
</div>

CSS

#container{
    margin-bottom:2em;
}
#TrivialReporter{
    position: relative !important;
}

JavaScript

describe('jQuery focusin', function() {
    it('passes if numbers are equal', function() {
        var counter = 0;
        $('input').focusin(function(){
            counter++;            
        });
        waitsFor(function(){return counter;}, 20000);
        runs(function() {
            expect(counter).toBe(1);
        });
    });
});
execJasmine();