jasmine clock example

tooltip_async_spec.js

describe("ToolTip async", function () {
    beforeEach(function () {
        setFixtures("<form action='#'><input name='foo' type='text' /></form>");
        // putting the implementation here for brevity
        $(':input').on("focus", function () {
            setTimeout(function () {
                $("<div class='tooltip'>Some Tooltip</div>").prependTo('form');
            }, 200);
        });
    });

    it("shows some tooltip if focusing input fields", function () {
        $(':input').trigger('focus');

        waitsFor(function () {
           return $('.tooltip').is(':visible');
        });

        runs(function () {
            expect($('.tooltip')).toBeVisible();
        });
    });
});

tooltip_spec.js

describe("ToolTip", function () {
    beforeEach(function () {
        setFixtures("<form action='#'><input name='foo' type='text' /></form>");
        // putting implementation here for brevity
        $(':input').on("focus", function () {
            setTimeout(function () {
                $("<div class='tooltip'>Some Tooltip</div>").prependTo('form');
            }, 200);
        });

        // switch out async functions
        jasmine.Clock.useMock();
    });

    it("shows some tooltip if focusing input fields", function () {
        $(':input').trigger('focus');

        jasmine.Clock.tick(500);

        expect($('.tooltip')).toBeVisible();
    });
});