cruyff 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/.gitignore +4 -0
- data/Gemfile +4 -0
- data/Rakefile +2 -0
- data/Readme.md +29 -0
- data/SpecRunner.html +43 -0
- data/cruyff.gemspec +21 -0
- data/lib/cruyff/version.rb +3 -0
- data/lib/generators/cruyff_generator.rb +14 -0
- data/lib/generators/templates/jquery.cruyff.js +174 -0
- data/spec/CruyffSpec.js +159 -0
- data/spec/SpecHelper.js +0 -0
- data/spec/fixtures/view.html +1 -0
- data/spec/js_lib/jasmine-1.0.1/jasmine-html.js +188 -0
- data/spec/js_lib/jasmine-1.0.1/jasmine.css +166 -0
- data/spec/js_lib/jasmine-1.0.1/jasmine.js +2421 -0
- data/spec/js_lib/jasmine-fixture.js +24 -0
- data/spec/js_lib/jasmine-jquery-1.1.3.js +205 -0
- data/spec/js_lib/jquery-1.4.4.js +7179 -0
- data/spec/js_lib/jquery.ba-bbq-1.2.1.js +1137 -0
- data/spec/js_lib/jquery.form-2.52.js +791 -0
- data/spec/js_lib/rails-11.01.12.js +137 -0
- metadata +99 -0
data/.gitignore
ADDED
data/Gemfile
ADDED
data/Rakefile
ADDED
data/Readme.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
|
|
2
|
+
# Cruyff
|
|
3
|
+
|
|
4
|
+
Cruyff is a Ajax CRUD solution for Rails applications.
|
|
5
|
+
|
|
6
|
+
## License
|
|
7
|
+
|
|
8
|
+
(The MIT License)
|
|
9
|
+
|
|
10
|
+
Copyright (c) 2011
|
|
11
|
+
|
|
12
|
+
Permission is hereby granted, free of charge, to any person obtaining
|
|
13
|
+
a copy of this software and associated documentation files (the
|
|
14
|
+
'Software'), to deal in the Software without restriction, including
|
|
15
|
+
without limitation the rights to use, copy, modify, merge, publish,
|
|
16
|
+
distribute, sublicense, and/or sell copies of the Software, and to
|
|
17
|
+
permit persons to whom the Software is furnished to do so, subject to
|
|
18
|
+
the following conditions:
|
|
19
|
+
|
|
20
|
+
The above copyright notice and this permission notice shall be
|
|
21
|
+
included in all copies or substantial portions of the Software.
|
|
22
|
+
|
|
23
|
+
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
|
|
24
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
25
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
|
|
26
|
+
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
|
|
27
|
+
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
|
|
28
|
+
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
|
|
29
|
+
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
data/SpecRunner.html
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Jasmine Test Runner</title>
|
|
4
|
+
<link rel="stylesheet" type="text/css" href="spec/js_lib/jasmine-1.0.1/jasmine.css">
|
|
5
|
+
<script type="text/javascript" src="spec/js_lib/jasmine-1.0.1/jasmine.js"></script>
|
|
6
|
+
<script type="text/javascript" src="spec/js_lib/jasmine-1.0.1/jasmine-html.js"></script>
|
|
7
|
+
|
|
8
|
+
<script type="text/javascript" src="spec/js_lib/jquery-1.4.4.js"></script>
|
|
9
|
+
<script type="text/javascript" src="spec/js_lib/jquery.ba-bbq-1.2.1.js"></script>
|
|
10
|
+
<script type="text/javascript" src="spec/js_lib/jquery.form-2.52.js"></script>
|
|
11
|
+
<script type="text/javascript" src="spec/js_lib/rails-11.01.12.js"></script>
|
|
12
|
+
<script type="text/javascript" src="spec/js_lib/jasmine-jquery-1.1.3.js"></script>
|
|
13
|
+
|
|
14
|
+
<script type="text/javascript" src="lib/generators/templates/jquery.cruyff.js"></script>
|
|
15
|
+
|
|
16
|
+
<script type="text/javascript" src="spec/SpecHelper.js"></script>
|
|
17
|
+
<script type="text/javascript" src="spec/js_lib/jasmine-fixture.js"></script>
|
|
18
|
+
|
|
19
|
+
<script type="text/javascript" src="spec/CruyffSpec.js"></script>
|
|
20
|
+
|
|
21
|
+
</head>
|
|
22
|
+
<body>
|
|
23
|
+
|
|
24
|
+
<script type="text/javascript">
|
|
25
|
+
$(function() {
|
|
26
|
+
/*
|
|
27
|
+
$.ajax({
|
|
28
|
+
url: 'spec/fixtures/view.html',
|
|
29
|
+
success: function(data, status, xhr) {
|
|
30
|
+
console.log(data);
|
|
31
|
+
}
|
|
32
|
+
});*/
|
|
33
|
+
|
|
34
|
+
jasmine.getEnv().addReporter(new jasmine.TrivialReporter());
|
|
35
|
+
jasmine.getEnv().execute();
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
</script>
|
|
41
|
+
</body>
|
|
42
|
+
|
|
43
|
+
</html>
|
data/cruyff.gemspec
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
|
2
|
+
$:.push File.expand_path("../lib", __FILE__)
|
|
3
|
+
require "cruyff/version"
|
|
4
|
+
|
|
5
|
+
Gem::Specification.new do |s|
|
|
6
|
+
s.name = "cruyff"
|
|
7
|
+
s.version = Cruyff::VERSION
|
|
8
|
+
s.platform = Gem::Platform::RUBY
|
|
9
|
+
s.authors = ["Charger Tec"]
|
|
10
|
+
s.email = ["DM @andrefarina"]
|
|
11
|
+
s.homepage = "https://github.com/andref5/cruyff"
|
|
12
|
+
s.summary = %q{Ajax CRUD solution for Rails applications.}
|
|
13
|
+
s.description = %q{Cruyff is a Ajax CRUD solution for Rails applications.}
|
|
14
|
+
|
|
15
|
+
s.add_dependency("jquery-rails", "~> 0.2.6")
|
|
16
|
+
|
|
17
|
+
s.files = `git ls-files`.split("\n")
|
|
18
|
+
s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
|
19
|
+
s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
|
20
|
+
s.require_paths = ["lib"]
|
|
21
|
+
end
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
require 'rails/generators'
|
|
2
|
+
|
|
3
|
+
class CruyffGenerator < Rails::Generators::Base
|
|
4
|
+
def self.source_root
|
|
5
|
+
File.join(File.dirname(__FILE__), 'templates')
|
|
6
|
+
end
|
|
7
|
+
|
|
8
|
+
def install_cruyff
|
|
9
|
+
copy_file(
|
|
10
|
+
'jquery.cruyff.js',
|
|
11
|
+
'public/javascripts/jquery.cruyff.js'
|
|
12
|
+
)
|
|
13
|
+
end
|
|
14
|
+
end
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
(function($) {
|
|
2
|
+
|
|
3
|
+
var cruyffSettings = {
|
|
4
|
+
url: "",
|
|
5
|
+
method: "",
|
|
6
|
+
dataType: "",
|
|
7
|
+
data: "",
|
|
8
|
+
responseSelector: "#response",
|
|
9
|
+
response: [],
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
$.fn.handleRemoteCrud = function(element) {
|
|
13
|
+
var cs = this.cruyffSetup(element);
|
|
14
|
+
|
|
15
|
+
//call ajaxSubmit from jquery.form because provides a file upload mechanism.
|
|
16
|
+
element.ajaxSubmit({
|
|
17
|
+
url: cs.url,
|
|
18
|
+
type: cs.method || 'GET',
|
|
19
|
+
data: cs.data,
|
|
20
|
+
dataType: cs.dataType,
|
|
21
|
+
// stopping the "ajax:beforeSend" event will cancel the ajax request
|
|
22
|
+
beforeSend: function(xhr, settings) {
|
|
23
|
+
if (settings.dataType === undefined) {
|
|
24
|
+
xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script);
|
|
25
|
+
}
|
|
26
|
+
return fire(element, 'ajax:beforeSend', [xhr, settings]);
|
|
27
|
+
},
|
|
28
|
+
success: function(data, status, xhr) {
|
|
29
|
+
element.trigger('ajax:success', [data, status, xhr]);
|
|
30
|
+
cs.response.html(data);
|
|
31
|
+
},
|
|
32
|
+
complete: function(xhr, status) {
|
|
33
|
+
element.trigger('ajax:complete', [xhr, status]);
|
|
34
|
+
},
|
|
35
|
+
error: function(xhr, status, error) {
|
|
36
|
+
element.trigger('ajax:error', [xhr, status, error]);
|
|
37
|
+
cs.response.html(error.toString());
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
|
|
41
|
+
$.bbq.pushState("app=" + cs.url);
|
|
42
|
+
|
|
43
|
+
};
|
|
44
|
+
function handleRemote(element) {
|
|
45
|
+
$.fn.handleRemoteCrud(element);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
$.fn.cruyffSetup = function(element) {
|
|
49
|
+
var cs = cruyffSettings;
|
|
50
|
+
|
|
51
|
+
cs.response = $(cs.responseSelector);
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Rails.js Code 2011-01-12
|
|
55
|
+
**/
|
|
56
|
+
cs.dataType = element.attr('data-type') || ($.ajaxSettings && $.ajaxSettings.dataType);
|
|
57
|
+
|
|
58
|
+
if (element.is('form')) {
|
|
59
|
+
cs.method = element.attr('method');
|
|
60
|
+
cs.url = element.attr('action');
|
|
61
|
+
cs.data = element.serializeArray();
|
|
62
|
+
// memoized value from clicked submit button
|
|
63
|
+
var button = element.data('ujs:submit-button');
|
|
64
|
+
if (button) {
|
|
65
|
+
cs.data.push(button);
|
|
66
|
+
element.data('ujs:submit-button', null);
|
|
67
|
+
}
|
|
68
|
+
} else {
|
|
69
|
+
cs.method = element.attr('data-method');
|
|
70
|
+
cs.url = element.attr('href');
|
|
71
|
+
cs.data = null;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* End Rails.js $.bbq.getState
|
|
75
|
+
**/
|
|
76
|
+
|
|
77
|
+
return cs;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
$.fn.cruyffUrl = $.bbq.getState("app");
|
|
81
|
+
|
|
82
|
+
console.log($.fn.cruyffUrl);
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* Rails.js Code 2011-01-12. I don't know yet how to override inner functions.
|
|
86
|
+
**/
|
|
87
|
+
function fire(obj, name, data) {
|
|
88
|
+
var event = new $.Event(name);
|
|
89
|
+
obj.trigger(event, data);
|
|
90
|
+
return event.result !== false;
|
|
91
|
+
}
|
|
92
|
+
// Handles "data-method" on links such as:
|
|
93
|
+
// <a href="/users/5" data-method="delete" rel="nofollow" data-confirm="Are you sure?">Delete</a>
|
|
94
|
+
function handleMethod(link) {
|
|
95
|
+
var href = link.attr('href'),
|
|
96
|
+
method = link.attr('data-method'),
|
|
97
|
+
csrf_token = $('meta[name=csrf-token]').attr('content'),
|
|
98
|
+
csrf_param = $('meta[name=csrf-param]').attr('content'),
|
|
99
|
+
form = $('<form method="post" action="' + href + '"></form>'),
|
|
100
|
+
metadata_input = '<input name="_method" value="' + method + '" type="hidden" />';
|
|
101
|
+
|
|
102
|
+
if (csrf_param !== undefined && csrf_token !== undefined) {
|
|
103
|
+
metadata_input += '<input name="' + csrf_param + '" value="' + csrf_token + '" type="hidden" />';
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
form.hide().append(metadata_input).appendTo('body');
|
|
107
|
+
form.submit();
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
function disableFormElements(form) {
|
|
111
|
+
form.find('input[data-disable-with]').each(function() {
|
|
112
|
+
var input = $(this);
|
|
113
|
+
input.data('ujs:enable-with', input.val())
|
|
114
|
+
.val(input.attr('data-disable-with'))
|
|
115
|
+
.attr('disabled', 'disabled');
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
function enableFormElements(form) {
|
|
120
|
+
form.find('input[data-disable-with]').each(function() {
|
|
121
|
+
var input = $(this);
|
|
122
|
+
input.val(input.data('ujs:enable-with')).removeAttr('disabled');
|
|
123
|
+
});
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
function allowAction(element) {
|
|
127
|
+
var message = element.attr('data-confirm');
|
|
128
|
+
return !message || (fire(element, 'confirm') && confirm(message));
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
$('a[data-confirm], a[data-method], a[data-remote]').die('click.rails').live('click.rails', function(e) {
|
|
132
|
+
var link = $(this);
|
|
133
|
+
if (!allowAction(link)) return false;
|
|
134
|
+
|
|
135
|
+
if (link.attr('data-remote')) {
|
|
136
|
+
handleRemote(link);
|
|
137
|
+
return false;
|
|
138
|
+
} else if (link.attr('data-method')) {
|
|
139
|
+
handleMethod(link);
|
|
140
|
+
return false;
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
|
|
144
|
+
$('form').die('submit.rails').live('submit.rails', function(e) {
|
|
145
|
+
var form = $(this);
|
|
146
|
+
if (!allowAction(form)) return false;
|
|
147
|
+
|
|
148
|
+
if (form.attr('data-remote')) {
|
|
149
|
+
handleRemote(form);
|
|
150
|
+
return false;
|
|
151
|
+
} else {
|
|
152
|
+
disableFormElements(form);
|
|
153
|
+
}
|
|
154
|
+
});
|
|
155
|
+
|
|
156
|
+
$('form input[type=submit], form button[type=submit], form button:not([type])').die('click.rails').live('click.rails', function() {
|
|
157
|
+
var button = $(this);
|
|
158
|
+
if (!allowAction(button)) return false;
|
|
159
|
+
// register the pressed submit button
|
|
160
|
+
var name = button.attr('name'), data = name ? {name:name, value:button.val()} : null;
|
|
161
|
+
button.closest('form').data('ujs:submit-button', data);
|
|
162
|
+
});
|
|
163
|
+
|
|
164
|
+
$('form').live('ajax:beforeSend.rails', function(event) {
|
|
165
|
+
if (this == event.target) disableFormElements($(this));
|
|
166
|
+
});
|
|
167
|
+
|
|
168
|
+
$('form').live('ajax:complete.rails', function(event) {
|
|
169
|
+
if (this == event.target) enableFormElements($(this));
|
|
170
|
+
});
|
|
171
|
+
/**
|
|
172
|
+
* End Rails.js
|
|
173
|
+
**/
|
|
174
|
+
})( jQuery );
|
data/spec/CruyffSpec.js
ADDED
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
describe('Cruyff',function() {
|
|
2
|
+
var cruyffSettings,
|
|
3
|
+
element;
|
|
4
|
+
|
|
5
|
+
beforeEach(function() {
|
|
6
|
+
$.jasmine.inject('<div id="response"></div>');
|
|
7
|
+
});
|
|
8
|
+
|
|
9
|
+
describe('Setup from hyperlink', function() {
|
|
10
|
+
beforeEach(function() {
|
|
11
|
+
$.jasmine.inject('<a href="spec/fixtures/view.html"\
|
|
12
|
+
data-type="json"\
|
|
13
|
+
data-method="delete"\
|
|
14
|
+
data-remote="true">remote_link</a>');
|
|
15
|
+
element = $('a[data-remote]');
|
|
16
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
17
|
+
});
|
|
18
|
+
|
|
19
|
+
it('should setup url',function(){
|
|
20
|
+
expect(cruyffSettings.url).toEqual('spec/fixtures/view.html');
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it('should setup method',function(){
|
|
24
|
+
expect(cruyffSettings.method).toEqual('delete');
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
it('should setup data type from hyperlink',function(){
|
|
28
|
+
expect(cruyffSettings.dataType).toEqual('json');
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
it('should setup data type from ajax Settings',function(){
|
|
32
|
+
element.attr('data-type', '');
|
|
33
|
+
var _ajaxSettings = $.ajaxSettings;
|
|
34
|
+
$.ajaxSettings = {dataType: 'xml'};
|
|
35
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
36
|
+
expect(cruyffSettings.dataType).toEqual('xml');
|
|
37
|
+
$.ajaxSettings = _ajaxSettings;
|
|
38
|
+
});
|
|
39
|
+
|
|
40
|
+
it('should setup data',function(){
|
|
41
|
+
expect(cruyffSettings.data).toBeNull();
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
it('should setup response',function(){
|
|
45
|
+
expect(cruyffSettings.responseSelector).toEqual('#response');
|
|
46
|
+
expect(cruyffSettings.response).toBeDefined();
|
|
47
|
+
});
|
|
48
|
+
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
describe('Setup from form', function() {
|
|
52
|
+
beforeEach(function() {
|
|
53
|
+
$.jasmine.inject('<form action="spec/fixtures/view.html"\
|
|
54
|
+
data-type="json"\
|
|
55
|
+
method="get"\
|
|
56
|
+
data-remote="true">\
|
|
57
|
+
<input type="text" value="a1" name="post[title]" id="post_title">\
|
|
58
|
+
<input type="submit" value="Update" name="commit" id="post_submit">\
|
|
59
|
+
</form>');
|
|
60
|
+
element = $('form[data-remote]');
|
|
61
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
62
|
+
});
|
|
63
|
+
|
|
64
|
+
it('should setup url',function(){
|
|
65
|
+
expect(cruyffSettings.url).toEqual('spec/fixtures/view.html');
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
it('should setup method',function(){
|
|
69
|
+
expect(cruyffSettings.method).toEqual('get');
|
|
70
|
+
});
|
|
71
|
+
|
|
72
|
+
it('should setup data type from form',function(){
|
|
73
|
+
expect(cruyffSettings.dataType).toEqual('json');
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
it('should setup data type from ajax Settings',function(){
|
|
77
|
+
element.attr('data-type', '');
|
|
78
|
+
var _ajaxSettings = $.ajaxSettings;
|
|
79
|
+
$.ajaxSettings = {dataType: 'xml'};
|
|
80
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
81
|
+
expect(cruyffSettings.dataType).toEqual('xml');
|
|
82
|
+
$.ajaxSettings = _ajaxSettings;
|
|
83
|
+
});
|
|
84
|
+
|
|
85
|
+
it('should setup data',function(){
|
|
86
|
+
expect(cruyffSettings.data).toEqual([{name:'post[title]', value:'a1'}]);
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
it('should setup data with submit button',function(){
|
|
90
|
+
element.data('ujs:submit-button', 'button');
|
|
91
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
92
|
+
expect(cruyffSettings.data).toEqual([{name:'post[title]', value:'a1'}, 'button']);
|
|
93
|
+
expect(element.data('ujs:submit-button')).toBeNull();
|
|
94
|
+
});
|
|
95
|
+
|
|
96
|
+
it('should setup response',function(){
|
|
97
|
+
expect(cruyffSettings.responseSelector).toEqual('#response');
|
|
98
|
+
expect(cruyffSettings.response).toBeDefined();
|
|
99
|
+
});
|
|
100
|
+
|
|
101
|
+
});
|
|
102
|
+
|
|
103
|
+
describe('Render Ajax Response', function() {
|
|
104
|
+
beforeEach(function() {
|
|
105
|
+
$.jasmine.inject('<a href="spec/fixtures/view.html"\
|
|
106
|
+
data-remote="true">remote_link</a>');
|
|
107
|
+
element = $('a[data-remote]');
|
|
108
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
it('should render success response',function(){
|
|
112
|
+
runs(function() {
|
|
113
|
+
$.fn.handleRemoteCrud(element);
|
|
114
|
+
});
|
|
115
|
+
waits(100);
|
|
116
|
+
runs(function() {
|
|
117
|
+
expect(cruyffSettings.response).toHaveHtml('view html');
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
|
|
121
|
+
it('should render error response',function(){
|
|
122
|
+
element.attr('href', 'bad/url');
|
|
123
|
+
runs(function() {
|
|
124
|
+
$.fn.handleRemoteCrud(element);
|
|
125
|
+
});
|
|
126
|
+
waits(100);
|
|
127
|
+
runs(function() {
|
|
128
|
+
expect(cruyffSettings.response.html()).toContain('NS_ERROR_DOM_BAD_URI');
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
|
|
132
|
+
});
|
|
133
|
+
|
|
134
|
+
describe('Bookmark Ajax calls', function() {
|
|
135
|
+
beforeEach(function() {
|
|
136
|
+
$.jasmine.inject('<a href="spec/fixtures/view.html"\
|
|
137
|
+
data-remote="true">remote_link</a>');
|
|
138
|
+
element = $('a[data-remote]');
|
|
139
|
+
cruyffSettings = $.fn.cruyffSetup(element);
|
|
140
|
+
});
|
|
141
|
+
|
|
142
|
+
it('should bookmark',function() {
|
|
143
|
+
runs(function() {
|
|
144
|
+
$.fn.handleRemoteCrud(element);
|
|
145
|
+
});
|
|
146
|
+
waits(100);
|
|
147
|
+
runs(function() {
|
|
148
|
+
expect($.bbq.getState('app')).toEqual('spec/fixtures/view.html');
|
|
149
|
+
});
|
|
150
|
+
});
|
|
151
|
+
|
|
152
|
+
it('should load browser url',function() {
|
|
153
|
+
$.bbq.pushState('app=spec/fixtures/view.html');
|
|
154
|
+
expect($.fn.cruyffUrl).toEqual('spec/fixtures/view.html');
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
});
|
|
158
|
+
|
|
159
|
+
});
|
data/spec/SpecHelper.js
ADDED
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<html><body>view html</body></html>
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
jasmine.TrivialReporter = function(doc) {
|
|
2
|
+
this.document = doc || document;
|
|
3
|
+
this.suiteDivs = {};
|
|
4
|
+
this.logRunningSpecs = false;
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
jasmine.TrivialReporter.prototype.createDom = function(type, attrs, childrenVarArgs) {
|
|
8
|
+
var el = document.createElement(type);
|
|
9
|
+
|
|
10
|
+
for (var i = 2; i < arguments.length; i++) {
|
|
11
|
+
var child = arguments[i];
|
|
12
|
+
|
|
13
|
+
if (typeof child === 'string') {
|
|
14
|
+
el.appendChild(document.createTextNode(child));
|
|
15
|
+
} else {
|
|
16
|
+
if (child) { el.appendChild(child); }
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
for (var attr in attrs) {
|
|
21
|
+
if (attr == "className") {
|
|
22
|
+
el[attr] = attrs[attr];
|
|
23
|
+
} else {
|
|
24
|
+
el.setAttribute(attr, attrs[attr]);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return el;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
jasmine.TrivialReporter.prototype.reportRunnerStarting = function(runner) {
|
|
32
|
+
var showPassed, showSkipped;
|
|
33
|
+
|
|
34
|
+
this.outerDiv = this.createDom('div', { className: 'jasmine_reporter' },
|
|
35
|
+
this.createDom('div', { className: 'banner' },
|
|
36
|
+
this.createDom('div', { className: 'logo' },
|
|
37
|
+
this.createDom('a', { href: 'http://pivotal.github.com/jasmine/', target: "_blank" }, "Jasmine"),
|
|
38
|
+
this.createDom('span', { className: 'version' }, runner.env.versionString())),
|
|
39
|
+
this.createDom('div', { className: 'options' },
|
|
40
|
+
"Show ",
|
|
41
|
+
showPassed = this.createDom('input', { id: "__jasmine_TrivialReporter_showPassed__", type: 'checkbox' }),
|
|
42
|
+
this.createDom('label', { "for": "__jasmine_TrivialReporter_showPassed__" }, " passed "),
|
|
43
|
+
showSkipped = this.createDom('input', { id: "__jasmine_TrivialReporter_showSkipped__", type: 'checkbox' }),
|
|
44
|
+
this.createDom('label', { "for": "__jasmine_TrivialReporter_showSkipped__" }, " skipped")
|
|
45
|
+
)
|
|
46
|
+
),
|
|
47
|
+
|
|
48
|
+
this.runnerDiv = this.createDom('div', { className: 'runner running' },
|
|
49
|
+
this.createDom('a', { className: 'run_spec', href: '?' }, "run all"),
|
|
50
|
+
this.runnerMessageSpan = this.createDom('span', {}, "Running..."),
|
|
51
|
+
this.finishedAtSpan = this.createDom('span', { className: 'finished-at' }, ""))
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
this.document.body.appendChild(this.outerDiv);
|
|
55
|
+
|
|
56
|
+
var suites = runner.suites();
|
|
57
|
+
for (var i = 0; i < suites.length; i++) {
|
|
58
|
+
var suite = suites[i];
|
|
59
|
+
var suiteDiv = this.createDom('div', { className: 'suite' },
|
|
60
|
+
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, "run"),
|
|
61
|
+
this.createDom('a', { className: 'description', href: '?spec=' + encodeURIComponent(suite.getFullName()) }, suite.description));
|
|
62
|
+
this.suiteDivs[suite.id] = suiteDiv;
|
|
63
|
+
var parentDiv = this.outerDiv;
|
|
64
|
+
if (suite.parentSuite) {
|
|
65
|
+
parentDiv = this.suiteDivs[suite.parentSuite.id];
|
|
66
|
+
}
|
|
67
|
+
parentDiv.appendChild(suiteDiv);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
this.startedAt = new Date();
|
|
71
|
+
|
|
72
|
+
var self = this;
|
|
73
|
+
showPassed.onclick = function(evt) {
|
|
74
|
+
if (showPassed.checked) {
|
|
75
|
+
self.outerDiv.className += ' show-passed';
|
|
76
|
+
} else {
|
|
77
|
+
self.outerDiv.className = self.outerDiv.className.replace(/ show-passed/, '');
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
showSkipped.onclick = function(evt) {
|
|
82
|
+
if (showSkipped.checked) {
|
|
83
|
+
self.outerDiv.className += ' show-skipped';
|
|
84
|
+
} else {
|
|
85
|
+
self.outerDiv.className = self.outerDiv.className.replace(/ show-skipped/, '');
|
|
86
|
+
}
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
jasmine.TrivialReporter.prototype.reportRunnerResults = function(runner) {
|
|
91
|
+
var results = runner.results();
|
|
92
|
+
var className = (results.failedCount > 0) ? "runner failed" : "runner passed";
|
|
93
|
+
this.runnerDiv.setAttribute("class", className);
|
|
94
|
+
//do it twice for IE
|
|
95
|
+
this.runnerDiv.setAttribute("className", className);
|
|
96
|
+
var specs = runner.specs();
|
|
97
|
+
var specCount = 0;
|
|
98
|
+
for (var i = 0; i < specs.length; i++) {
|
|
99
|
+
if (this.specFilter(specs[i])) {
|
|
100
|
+
specCount++;
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
var message = "" + specCount + " spec" + (specCount == 1 ? "" : "s" ) + ", " + results.failedCount + " failure" + ((results.failedCount == 1) ? "" : "s");
|
|
104
|
+
message += " in " + ((new Date().getTime() - this.startedAt.getTime()) / 1000) + "s";
|
|
105
|
+
this.runnerMessageSpan.replaceChild(this.createDom('a', { className: 'description', href: '?'}, message), this.runnerMessageSpan.firstChild);
|
|
106
|
+
|
|
107
|
+
this.finishedAtSpan.appendChild(document.createTextNode("Finished at " + new Date().toString()));
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
jasmine.TrivialReporter.prototype.reportSuiteResults = function(suite) {
|
|
111
|
+
var results = suite.results();
|
|
112
|
+
var status = results.passed() ? 'passed' : 'failed';
|
|
113
|
+
if (results.totalCount == 0) { // todo: change this to check results.skipped
|
|
114
|
+
status = 'skipped';
|
|
115
|
+
}
|
|
116
|
+
this.suiteDivs[suite.id].className += " " + status;
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
jasmine.TrivialReporter.prototype.reportSpecStarting = function(spec) {
|
|
120
|
+
if (this.logRunningSpecs) {
|
|
121
|
+
this.log('>> Jasmine Running ' + spec.suite.description + ' ' + spec.description + '...');
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
|
|
125
|
+
jasmine.TrivialReporter.prototype.reportSpecResults = function(spec) {
|
|
126
|
+
var results = spec.results();
|
|
127
|
+
var status = results.passed() ? 'passed' : 'failed';
|
|
128
|
+
if (results.skipped) {
|
|
129
|
+
status = 'skipped';
|
|
130
|
+
}
|
|
131
|
+
var specDiv = this.createDom('div', { className: 'spec ' + status },
|
|
132
|
+
this.createDom('a', { className: 'run_spec', href: '?spec=' + encodeURIComponent(spec.getFullName()) }, "run"),
|
|
133
|
+
this.createDom('a', {
|
|
134
|
+
className: 'description',
|
|
135
|
+
href: '?spec=' + encodeURIComponent(spec.getFullName()),
|
|
136
|
+
title: spec.getFullName()
|
|
137
|
+
}, spec.description));
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
var resultItems = results.getItems();
|
|
141
|
+
var messagesDiv = this.createDom('div', { className: 'messages' });
|
|
142
|
+
for (var i = 0; i < resultItems.length; i++) {
|
|
143
|
+
var result = resultItems[i];
|
|
144
|
+
|
|
145
|
+
if (result.type == 'log') {
|
|
146
|
+
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage log'}, result.toString()));
|
|
147
|
+
} else if (result.type == 'expect' && result.passed && !result.passed()) {
|
|
148
|
+
messagesDiv.appendChild(this.createDom('div', {className: 'resultMessage fail'}, result.message));
|
|
149
|
+
|
|
150
|
+
if (result.trace.stack) {
|
|
151
|
+
messagesDiv.appendChild(this.createDom('div', {className: 'stackTrace'}, result.trace.stack));
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
if (messagesDiv.childNodes.length > 0) {
|
|
157
|
+
specDiv.appendChild(messagesDiv);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
this.suiteDivs[spec.suite.id].appendChild(specDiv);
|
|
161
|
+
};
|
|
162
|
+
|
|
163
|
+
jasmine.TrivialReporter.prototype.log = function() {
|
|
164
|
+
var console = jasmine.getGlobal().console;
|
|
165
|
+
if (console && console.log) {
|
|
166
|
+
if (console.log.apply) {
|
|
167
|
+
console.log.apply(console, arguments);
|
|
168
|
+
} else {
|
|
169
|
+
console.log(arguments); // ie fix: console.log.apply doesn't exist on ie
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
jasmine.TrivialReporter.prototype.getLocation = function() {
|
|
175
|
+
return this.document.location;
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
jasmine.TrivialReporter.prototype.specFilter = function(spec) {
|
|
179
|
+
var paramMap = {};
|
|
180
|
+
var params = this.getLocation().search.substring(1).split('&');
|
|
181
|
+
for (var i = 0; i < params.length; i++) {
|
|
182
|
+
var p = params[i].split('=');
|
|
183
|
+
paramMap[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
if (!paramMap["spec"]) return true;
|
|
187
|
+
return spec.getFullName().indexOf(paramMap["spec"]) == 0;
|
|
188
|
+
};
|