", { id: 'lightbox-test', "data-backdrop": false })
125 | div
126 | .on("shown.bs.lightbox", function () {
127 | ok($('#lightbox-test').is(":visible"), 'lightbox visible')
128 | div.lightbox("hide")
129 | })
130 | .on("hidden.bs.lightbox", function() {
131 | ok(!$('#lightbox-test').is(":visible"), 'lightbox hidden')
132 | div.remove()
133 | start()
134 | })
135 | .lightbox("show")
136 | })
137 |
138 | test("should close lightbox when clicking outside of lightbox-content", function () {
139 | stop()
140 | $.support.transition = false
141 | var div = $("
")
142 | div
143 | .bind("shown.bs.lightbox", function () {
144 | ok($('#lightbox-test').length, 'lightbox insterted into dom')
145 | $('.contents').click()
146 | ok($('#lightbox-test').is(":visible"), 'lightbox visible')
147 | $('#lightbox-test').click()
148 | })
149 | .bind("hidden.bs.lightbox", function() {
150 | ok(!$('#lightbox-test').is(":visible"), 'lightbox hidden')
151 | div.remove()
152 | start()
153 | })
154 | .lightbox("show")
155 | })
156 |
157 | test("should trigger hide event once when clicking outside of lightbox-content", function () {
158 | stop()
159 | $.support.transition = false
160 | var div = $("
")
161 | var triggered
162 | div
163 | .bind("shown.bs.lightbox", function () {
164 | triggered = 0
165 | $('#lightbox-test').click()
166 | })
167 | .one("hidden.bs.lightbox", function() {
168 | div.lightbox("show")
169 | })
170 | .bind("hide.bs.lightbox", function () {
171 | triggered += 1
172 | ok(triggered === 1, 'lightbox hide triggered once')
173 | start()
174 | })
175 | .lightbox("show")
176 | })
177 |
178 | test("should close reopened lightbox with [data-dismiss=lightbox] click", function () {
179 | stop()
180 | $.support.transition = false
181 | var div = $("
")
182 | div
183 | .bind("shown.bs.lightbox", function () {
184 | $('#close').click()
185 | ok(!$('#lightbox-test').is(":visible"), 'lightbox hidden')
186 | })
187 | .one("hidden.bs.lightbox", function() {
188 | div.one('hidden.bs.lightbox', function () {
189 | start()
190 | }).lightbox("show")
191 | })
192 | .lightbox("show")
193 |
194 | div.remove()
195 | })
196 | })
--------------------------------------------------------------------------------
/js/tests/unit/qunit-setup.js:
--------------------------------------------------------------------------------
1 | // Logging setup for phantom integration
2 | // adapted from Modernizr
3 |
4 | /*QUnit.begin = function () {
5 | console.log("Starting test suite")
6 | console.log("================================================\n")
7 | }
8 |
9 | QUnit.moduleDone = function (opts) {
10 | if (opts.failed === 0) {
11 | console.log("\u2714 All tests passed in '" + opts.name + "' module")
12 | } else {
13 | console.log("\u2716 " + opts.failed + " tests failed in '" + opts.name + "' module")
14 | }
15 | }
16 |
17 | QUnit.done = function (opts) {
18 | console.log("\n================================================")
19 | console.log("Tests completed in " + opts.runtime + " milliseconds")
20 | console.log(opts.passed + " tests of " + opts.total + " passed, " + opts.failed + " failed.")
21 | }*/
22 |
23 | (function() {
24 | var module = '',
25 | test = '',
26 | lastModuleLogged = '',
27 | lastTestLogged = '',
28 | failuresOnCurrentTest = 0,
29 | failureFound = false;
30 |
31 | QUnit.moduleStart(function(details) {
32 | module = details.name;
33 | });
34 | QUnit.testStart(function(details) {
35 | test = details.name;
36 | });
37 |
38 | QUnit.log(function(details) {
39 | if (!details.result) {
40 | if (!failureFound) {
41 | failureFound = true;
42 | console.log('');
43 | console.log('/*********************************************************************/');
44 | console.log('/************************** FAILURE SUMMARY **************************/');
45 | console.log('/*********************************************************************/');
46 | }
47 |
48 | if (lastModuleLogged != module) {
49 | console.log('');
50 | console.log('-----------------------------------------------------------------------');
51 | console.log('Module: ' + module);
52 | }
53 |
54 | if (lastTestLogged != test) {
55 | failuresOnCurrentTest = 1;
56 | console.log('-----------------------------------------------------------------------');
57 | console.log('Test: ' + test);
58 | } else {
59 | failuresOnCurrentTest++;
60 | }
61 |
62 | console.log(' ' + failuresOnCurrentTest + ') Message: ' + details.message);
63 | if (typeof details.expected !== 'undefined') {
64 | console.log(' Expected: ' + details.expected);
65 | console.log(' Actual: ' + details.actual);
66 | }
67 | if (typeof details.source !== 'undefined') {
68 | console.log(' Source: ' + details.source);
69 | }
70 |
71 | lastModuleLogged = module;
72 | lastTestLogged = test;
73 | }
74 | });
75 |
76 | QUnit.done(function(details) {
77 | if (details.failed > 0) {
78 | console.log('-----------------------------------------------------------------------');
79 | console.log('');
80 | }
81 | });
82 | }());
--------------------------------------------------------------------------------
/js/tests/vendor/qunit.css:
--------------------------------------------------------------------------------
1 | /**
2 | * QUnit - A JavaScript Unit Testing Framework
3 | *
4 | * http://docs.jquery.com/QUnit
5 | *
6 | * Copyright (c) 2012 John Resig, Jörn Zaefferer
7 | * Dual licensed under the MIT (MIT-LICENSE.txt)
8 | * or GPL (GPL-LICENSE.txt) licenses.
9 | */
10 |
11 | /** Font Family and Sizes */
12 |
13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
14 | font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
15 | }
16 |
17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
18 | #qunit-tests { font-size: smaller; }
19 |
20 |
21 | /** Resets */
22 |
23 | #qunit-tests, #qunit-tests ol, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult {
24 | margin: 0;
25 | padding: 0;
26 | }
27 |
28 |
29 | /** Header */
30 |
31 | #qunit-header {
32 | padding: 0.5em 0 0.5em 1em;
33 |
34 | color: #8699a4;
35 | background-color: #0d3349;
36 |
37 | font-size: 1.5em;
38 | line-height: 1em;
39 | font-weight: normal;
40 |
41 | border-radius: 15px 15px 0 0;
42 | -moz-border-radius: 15px 15px 0 0;
43 | -webkit-border-top-right-radius: 15px;
44 | -webkit-border-top-left-radius: 15px;
45 | }
46 |
47 | #qunit-header a {
48 | text-decoration: none;
49 | color: #c2ccd1;
50 | }
51 |
52 | #qunit-header a:hover,
53 | #qunit-header a:focus {
54 | color: #fff;
55 | }
56 |
57 | #qunit-banner {
58 | height: 5px;
59 | }
60 |
61 | #qunit-testrunner-toolbar {
62 | padding: 0.5em 0 0.5em 2em;
63 | color: #5E740B;
64 | background-color: #eee;
65 | }
66 |
67 | #qunit-userAgent {
68 | padding: 0.5em 0 0.5em 2.5em;
69 | background-color: #2b81af;
70 | color: #fff;
71 | text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
72 | }
73 |
74 |
75 | /** Tests: Pass/Fail */
76 |
77 | #qunit-tests {
78 | list-style-position: inside;
79 | }
80 |
81 | #qunit-tests li {
82 | padding: 0.4em 0.5em 0.4em 2.5em;
83 | border-bottom: 1px solid #fff;
84 | list-style-position: inside;
85 | }
86 |
87 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running {
88 | display: none;
89 | }
90 |
91 | #qunit-tests li strong {
92 | cursor: pointer;
93 | }
94 |
95 | #qunit-tests li a {
96 | padding: 0.5em;
97 | color: #c2ccd1;
98 | text-decoration: none;
99 | }
100 | #qunit-tests li a:hover,
101 | #qunit-tests li a:focus {
102 | color: #000;
103 | }
104 |
105 | #qunit-tests ol {
106 | margin-top: 0.5em;
107 | padding: 0.5em;
108 |
109 | background-color: #fff;
110 |
111 | border-radius: 15px;
112 | -moz-border-radius: 15px;
113 | -webkit-border-radius: 15px;
114 |
115 | box-shadow: inset 0px 2px 13px #999;
116 | -moz-box-shadow: inset 0px 2px 13px #999;
117 | -webkit-box-shadow: inset 0px 2px 13px #999;
118 | }
119 |
120 | #qunit-tests table {
121 | border-collapse: collapse;
122 | margin-top: .2em;
123 | }
124 |
125 | #qunit-tests th {
126 | text-align: right;
127 | vertical-align: top;
128 | padding: 0 .5em 0 0;
129 | }
130 |
131 | #qunit-tests td {
132 | vertical-align: top;
133 | }
134 |
135 | #qunit-tests pre {
136 | margin: 0;
137 | white-space: pre-wrap;
138 | word-wrap: break-word;
139 | }
140 |
141 | #qunit-tests del {
142 | background-color: #e0f2be;
143 | color: #374e0c;
144 | text-decoration: none;
145 | }
146 |
147 | #qunit-tests ins {
148 | background-color: #ffcaca;
149 | color: #500;
150 | text-decoration: none;
151 | }
152 |
153 | /*** Test Counts */
154 |
155 | #qunit-tests b.counts { color: black; }
156 | #qunit-tests b.passed { color: #5E740B; }
157 | #qunit-tests b.failed { color: #710909; }
158 |
159 | #qunit-tests li li {
160 | margin: 0.5em;
161 | padding: 0.4em 0.5em 0.4em 0.5em;
162 | background-color: #fff;
163 | border-bottom: none;
164 | list-style-position: inside;
165 | }
166 |
167 | /*** Passing Styles */
168 |
169 | #qunit-tests li li.pass {
170 | color: #5E740B;
171 | background-color: #fff;
172 | border-left: 26px solid #C6E746;
173 | }
174 |
175 | #qunit-tests .pass { color: #528CE0; background-color: #D2E0E6; }
176 | #qunit-tests .pass .test-name { color: #366097; }
177 |
178 | #qunit-tests .pass .test-actual,
179 | #qunit-tests .pass .test-expected { color: #999999; }
180 |
181 | #qunit-banner.qunit-pass { background-color: #C6E746; }
182 |
183 | /*** Failing Styles */
184 |
185 | #qunit-tests li li.fail {
186 | color: #710909;
187 | background-color: #fff;
188 | border-left: 26px solid #EE5757;
189 | white-space: pre;
190 | }
191 |
192 | #qunit-tests > li:last-child {
193 | border-radius: 0 0 15px 15px;
194 | -moz-border-radius: 0 0 15px 15px;
195 | -webkit-border-bottom-right-radius: 15px;
196 | -webkit-border-bottom-left-radius: 15px;
197 | }
198 |
199 | #qunit-tests .fail { color: #000000; background-color: #EE5757; }
200 | #qunit-tests .fail .test-name,
201 | #qunit-tests .fail .module-name { color: #000000; }
202 |
203 | #qunit-tests .fail .test-actual { color: #EE5757; }
204 | #qunit-tests .fail .test-expected { color: green; }
205 |
206 | #qunit-banner.qunit-fail { background-color: #EE5757; }
207 |
208 |
209 | /** Result */
210 |
211 | #qunit-testresult {
212 | padding: 0.5em 0.5em 0.5em 2.5em;
213 |
214 | color: #2b81af;
215 | background-color: #D2E0E6;
216 |
217 | border-bottom: 1px solid white;
218 | }
219 |
220 | /** Fixture */
221 |
222 | #qunit-fixture {
223 | position: absolute;
224 | top: -10000px;
225 | left: -10000px;
226 | }
227 |
228 | /** Runoff */
229 |
230 | #qunit-fixture {
231 | display:none;
232 | }
--------------------------------------------------------------------------------
/less/bootstrap-lightbox.less:
--------------------------------------------------------------------------------
1 |
2 | .lightbox-open {
3 | overflow: hidden;
4 | }
5 |
6 | body.lightbox-open,
7 | .lightbox-open .navbar-fixed-top,
8 | .lightbox-open .navbar-fixed-bottom {
9 | margin-right: 15px;
10 | }
11 |
12 | /* Fix for z-index for compatibility with Bootstrap 3.1+ */
13 | /* added by @mattlibera */
14 | .lightbox {
15 | position: fixed;
16 | top: 0;
17 | right: 0;
18 | bottom: 0;
19 | left: 0;
20 | z-index: 1041;
21 | display: none;
22 | overflow: auto;
23 | overflow-y: scroll;
24 |
25 | .fade .lightbox-dialog {
26 | -webkit-transform: translate(0, -25%);
27 | -ms-transform: translate(0, -25%);
28 | transform: translate(0, -25%);
29 | -webkit-transition: -webkit-transform 0.3s ease-out;
30 | -moz-transition: -moz-transform 0.3s ease-out;
31 | -o-transition: -o-transform 0.3s ease-out;
32 | transition: transform 0.3s ease-out;
33 | }
34 | .in .lightbox-dialog {
35 | -webkit-transform: translate(0, 0);
36 | -ms-transform: translate(0, 0);
37 | transform: translate(0, 0);
38 | }
39 |
40 | .lightbox-dialog {
41 | z-index: 1050;
42 | width: auto;
43 | /*padding: 10px;*/
44 | margin-right: auto;
45 | margin-left: auto;
46 |
47 | .lightbox-header {
48 | float: right;
49 | .close {
50 | margin-top: -2px;
51 | }
52 | }
53 |
54 | .lightbox-content {
55 | position: relative;
56 | background-color: #ffffff;
57 | border: 1px solid #999999;
58 | border: 1px solid rgba(0, 0, 0, 0.2);
59 | border-radius: 6px;
60 | outline: none;
61 | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
62 | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
63 | background-clip: padding-box;
64 | /**/
65 | padding: 10px;
66 | display: inline-block;
67 |
68 | .lightbox-caption {
69 | position: absolute;
70 | right: 8px;
71 | bottom: 8px;
72 | left: 10px;
73 | padding: 2%;
74 | font-size: 14px;
75 | line-height: 18px;
76 | color: white;
77 | text-align: center;
78 | text-shadow: 0 -1px 0 #000;
79 | text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
80 | background: #000;
81 | background: rgba(0,0,0,0.6);
82 | }
83 | }
84 | }
85 | }
86 |
87 |
88 |
89 |
90 |
91 |
92 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "author": "Jason Butz (http://jasonbutz.info)",
3 | "name": "bootstrap-lightbox",
4 | "description": "A simple lightbox plugin based on the bootstrap modal plugin.",
5 | "version": "0.7.0",
6 | "homepage": "http://jbutz.github.com/bootstrap-lightbox/",
7 | "repository": {
8 | "type": "git",
9 | "url": "git://github.com/jbutz/bootstrap-lightbox.git"
10 | },
11 | "scripts": { "test" : "make test" },
12 | "licenses": [{
13 | "type": "Apache-2.0",
14 | "url": "http://www.apache.org/licenses/LICENSE-2.0"
15 | }],
16 | "devDependencies": {
17 | "uglify-js": "1.3.4",
18 | "jshint": "~0.9.1",
19 | "recess": "1.1.6",
20 | "connect": "2.1.3",
21 | "hogan.js": "2.0.0",
22 | "qunit": "~0.5.1",
23 | "phantomjs": "~1.8.1"
24 | }
25 | }
--------------------------------------------------------------------------------
25 | 
78 |
79 |
87 | 
83 | 
36 | 
50 | 
64 | 
78 | 
92 |