app.js

var app = $.sammy(function() {
						   
    var context = this;
						   
    this.get('#/', function() {
        this.trigger('myEvent', { h1: 'My app',  text: 'world' });
    });
	
    this.bind('myEvent', function(e, opts) {
        $('h1').html(opts.h1);
        $('p#text').html(context.url.build('hello', opts.text));
    });
	
    this.url = {
        build: function(key, val) {
            return '#/'+key+'/'+val;
        }
    };
	
});

$(function() {
    app.run('#/');		   
});

app_pt1.js

var context = this;
						   
this.get('#/', function() {
    this.trigger('myEvent', { h1: 'My app',  text: 'world' });
});

app_pt2.js

this.bind('myEvent', function(e, opts) {
    $('h1').html(opts.h1);
    $('p#text').html(context.url.build('hello', opts.text));
});

app_pt3.js

this.url = {
    build: function(key, val) {
        return '#/'+key+'/'+val;
    }
};

appSpec.js

describe('myEvent', function() {
							 
    beforeEach(function() {
        loadFixtures('fixtures/test.html');
        opts = {
            h1: 'My app',
            text: 'world'
        };
        app.trigger('myEvent', opts);
    });
	
    it('should set h1', function() {
        expect($('h1')).toHaveText(opts.h1);
    });
	
    it('should show something in place of default text', function() {
        expect($('p#text')).not.toHaveText('Replace me');
        expect($('p#text')).not.toBeEmpty();
    });
	
});

describe('url', function() {
	
    describe('build', function() {
		
        it('should return properly formed hash-based url', function() {
            var url = app.url.build('foo', 'bar');
            expect(url).toEqual('#/foo/bar');
        });
		
    });
	
});

appSpec_fixture.js

beforeEach(function() {
    loadFixtures('fixtures/test.html');
    opts = {
        h1: 'My app',
        text: 'world'
    };
    app.trigger('myEvent', opts);
});

appSpec_matchers.js

it('should set h1', function() {
    expect($('h1')).toHaveText(opts.h1);
});
	
it('should show something in place of default text', function() {
    expect($('p#text')).not.toHaveText('Replace me');
    expect($('p#text')).not.toBeEmpty();
});

appSpecWithout.js

describe('myEvent', function() {
							 
    beforeEach(function() {
        $('body').append('<div id="jasmine"><h1>Heading</h1><p id="text">Replace me</p></div>');
        opts = {
            h1: 'My app',
            text: 'world'
        };
        app.trigger('myEvent', opts);
    });

    afterEach(function() {
        $('div#jasmine').empty().remove();
    });
	
    it('should set h1', function() {
        expect($('h1').html()).toMatch(/My app/);
    });
	
    it('should show something in place of default text', function() {
        expect($('p#text').html()).not.toMatch(/Replace me/);
        expect($('p#text').html().length).toBeGreaterThan(0);
    });
	
});

describe('url', function() {
	
    describe('build', function() {
		
        it('should return properly formed hash-based url', function() {
            var url = app.url.build('foo', 'bar');
            expect(url).toEqual('#/foo/bar');
        });
		
    });
	
});

appSpecWithout_spec1.js

it('should set h1', function() {
    expect($('h1').html()).toMatch(/My app/);
});

appSpecWithout_wrap.js

beforeEach(function() {
    $('body').append('<div id="jasmine"><h1>Heading</h1><p id="text">Replace me</p></div>');
    opts = {
        h1: 'My app',
        text: 'world'
    };
    app.trigger('myEvent', opts);
});

afterEach(function() {
    $('div#jasmine').empty().remove();
});