diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 00000000000..eba1110b579 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto \ No newline at end of file diff --git a/samples/de/Erste Schritte/index.html b/samples/de/Erste Schritte/index.html index 1304e56a4f5..e89bbfff776 100644 --- a/samples/de/Erste Schritte/index.html +++ b/samples/de/Erste Schritte/index.html @@ -1,152 +1,152 @@ - - - - - - - ERSTE SCHRITTE MIT BRACKETS - - - - - -

ERSTE SCHRITTE MIT BRACKETS

-

Dies ist Ihre Anleitung!

- - - -

- Willkommen zu einer frühen Vorschau von Brackets, einem neuen Open-Source-Editor für die - nächste Generation des Webs. Wir sind große Fans von Standards und wollen bessere Tools für - JavaScript, HTML und CSS sowie verwandte offene Web-Technologien bauen. Dies ist erst - der Anfang von dem, was wir noch vorhaben. -

- - -

- Sie sehen sich eine frühe Version von Brackets an. - Auf vielerlei Weise ist Brackets eine andere Art Editor. Ein namhafter Unterschied ist, dass - dieser Editor in JavaScript geschrieben ist. Während Brackets also noch nicht ganz bereit für - den tagtäglichen Einsatz sein mag, verwenden wir es jeden Tag, um Brackets zu bauen. -

- - -

Wir probieren ein paar neue Dinge aus

- - -

Schnelles Bearbeiten für CSS und JavaScript

-

- Beim Bearbeiten von HTML verwenden Sie das Tastenkürzel Cmd/Strg + E, um einen schnellen - Inline-Editor zu öffnen, der alles relevante CSS anzeigt. Ändern Sie eine Kleinigkeit in Ihrem CSS, - drücken Sie ESC und Sie sind zurück im HTML-Editor. Oder lassen Sie die CSS-Regeln offen - und sie werden Teil Ihres HTML-Editors. Falls Sie ESC außerhalb eines Schnell-Editors - drücken, schließen sich alle. Kein Umschalten mehr zwischen Dokumenten – so verlieren Sie nie den - Überblick. -

- - - Sie wollen es in Aktion sehen? Setzen Sie Ihren Cursor auf den -Tag oben und drücken - Sie Cmd/Strg + E. Sie sollten oben einen CSS-Schnell-Editor erscheinen sehen. Rechts sehen - Sie eine Liste der CSS-Regeln, die sich auf diesen Tag beziehen. Scrollen Sie einfach mit - Alt + Oben/Unten durch die Regeln, um die zu finden, die Sie bearbeiten wollen. - - - - Ein Screenshot, der schnelles Bearbeiten von CSS zeigt - - -

- Sie können das gleiche Tastenkürzel in JavaScript-Code verwenden, um den Rumpf einer Funktion - anzuzeigen, die Sie aufrufen, indem Sie den Cursor auf den Funktionsnamen setzen. Oder öffnen Sie - einen grafischen Farbwähler, indem Sie den Cursor auf irgendeine Farbe im Hex-, RGB- oder HSL-Format - setzen. Im Augenblick können Inline-Editoren nicht verschachtelt werden. Sie können das - Schnelle Bearbeiten also nur nutzen, solange der Cursor sich in einem „Vollgröße“-Editor befindet. -

- - -

Vorschau auf CSS-Änderungen live im Browser anzeigen

-

- Sie kennen den „Speichern/Neu laden“-Tanz, den wir seit Jahren aufführen? Der, in dem Sie - Änderungen in Ihrem Editor machen, Speichern drücken, zum Browser schalten und dann neu laden, - um schließlich das Ergebnis zu sehen? Mit Brackets müssen Sie diesen Tanz nicht aufführen. -

-

- Brackets öffnet eine Live-Verbindung zu Ihrem lokalen Browser und sendet CSS-Updates, - während Sie tippen! Eventuell tun Sie etwas Ähnliches bereits heute mit browserbasierten Tools, - doch mit Brackets ist kein Kopieren und Einfügen des endgültigen CSS-Codes im Editor mehr nötig. - Ihr Code läuft im Browser, aber lebt in Ihrem Editor! -

- - - Falls Sie Google Chrome installiert haben, können Sie das selbst ausprobieren. Klicken Sie auf - das Blitz-Symbol oben rechts oder drücken Sie Cmd/Strg + Alt + P. Wenn die Live-Vorschau - für ein HTML-Dokument eingeschaltet ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet - werden. Das Symbol ändert sich von grau nach golden, wenn Brackets eine Verbindung zu Ihrem Browser - herstellt. - - Platzieren Sie Ihren Cursor jetzt auf den -Tag oben und verwenden Sie - Cmd/Strg + E, um die definierten CSS-Regeln zu öffnen. Versuchen Sie die Stärke des - Rahmens von 1px auf 10px zu ändern, oder die Hintergrundfarbe von "dimgray" auf "hotpink". - Falls Sie Brackets und Ihren Browser nebeneinander laufen haben, sehen Sie die Änderungen sofort - in Ihrem Browser umgesetzt. Cool, was? - - -

- Derzeit unterstützt Brackets die Live-Vorschau nur für CSS. Wir arbeiten derzeit an der Unterstützung - der Live-Vorschau für HTML und JavaScript. In der aktuellen Version werden Änderungen an HTML- oder - JavaScript-Dateien automatisch neu geladen, wenn Sie speichern. Live-Vorschauen sind nur mit - Google Chrome möglich. Wir möchten diese Funktionalität zu allen wichtigen Browsern hinzufügen, - und wir freuen uns darauf, mit den Herstellern zusammenzuarbeiten, um das zu erreichen. -

- - -

Machen Sie mit

-

- Brackets ist ein Open-Source-Projekt. Web-Entwickler rund um die Welt helfen mit, einen besseren - Code-Editor zu bauen. Lassen Sie uns wissen, was Sie denken, teilen Sie Ihre Ideen oder tragen - Sie direkt zu dem Projekt bei. -

- - - - - + +

+ Willkommen zu einer frühen Vorschau von Brackets, einem neuen Open-Source-Editor für die + nächste Generation des Webs. Wir sind große Fans von Standards und wollen bessere Tools für + JavaScript, HTML und CSS sowie verwandte offene Web-Technologien bauen. Dies ist erst + der Anfang von dem, was wir noch vorhaben. +

+ + +

+ Sie sehen sich eine frühe Version von Brackets an. + Auf vielerlei Weise ist Brackets eine andere Art Editor. Ein namhafter Unterschied ist, dass + dieser Editor in JavaScript geschrieben ist. Während Brackets also noch nicht ganz bereit für + den tagtäglichen Einsatz sein mag, verwenden wir es jeden Tag, um Brackets zu bauen. +

+ + +

Wir probieren ein paar neue Dinge aus

+ + +

Schnelles Bearbeiten für CSS und JavaScript

+

+ Beim Bearbeiten von HTML verwenden Sie das Tastenkürzel Cmd/Strg + E, um einen schnellen + Inline-Editor zu öffnen, der alles relevante CSS anzeigt. Ändern Sie eine Kleinigkeit in Ihrem CSS, + drücken Sie ESC und Sie sind zurück im HTML-Editor. Oder lassen Sie die CSS-Regeln offen + und sie werden Teil Ihres HTML-Editors. Falls Sie ESC außerhalb eines Schnell-Editors + drücken, schließen sich alle. Kein Umschalten mehr zwischen Dokumenten – so verlieren Sie nie den + Überblick. +

+ + + Sie wollen es in Aktion sehen? Setzen Sie Ihren Cursor auf den -Tag oben und drücken + Sie Cmd/Strg + E. Sie sollten oben einen CSS-Schnell-Editor erscheinen sehen. Rechts sehen + Sie eine Liste der CSS-Regeln, die sich auf diesen Tag beziehen. Scrollen Sie einfach mit + Alt + Oben/Unten durch die Regeln, um die zu finden, die Sie bearbeiten wollen. + + + + Ein Screenshot, der schnelles Bearbeiten von CSS zeigt + + +

+ Sie können das gleiche Tastenkürzel in JavaScript-Code verwenden, um den Rumpf einer Funktion + anzuzeigen, die Sie aufrufen, indem Sie den Cursor auf den Funktionsnamen setzen. Oder öffnen Sie + einen grafischen Farbwähler, indem Sie den Cursor auf irgendeine Farbe im Hex-, RGB- oder HSL-Format + setzen. Im Augenblick können Inline-Editoren nicht verschachtelt werden. Sie können das + Schnelle Bearbeiten also nur nutzen, solange der Cursor sich in einem „Vollgröße“-Editor befindet. +

+ + +

Vorschau auf CSS-Änderungen live im Browser anzeigen

+

+ Sie kennen den „Speichern/Neu laden“-Tanz, den wir seit Jahren aufführen? Der, in dem Sie + Änderungen in Ihrem Editor machen, Speichern drücken, zum Browser schalten und dann neu laden, + um schließlich das Ergebnis zu sehen? Mit Brackets müssen Sie diesen Tanz nicht aufführen. +

+

+ Brackets öffnet eine Live-Verbindung zu Ihrem lokalen Browser und sendet CSS-Updates, + während Sie tippen! Eventuell tun Sie etwas Ähnliches bereits heute mit browserbasierten Tools, + doch mit Brackets ist kein Kopieren und Einfügen des endgültigen CSS-Codes im Editor mehr nötig. + Ihr Code läuft im Browser, aber lebt in Ihrem Editor! +

+ + + Falls Sie Google Chrome installiert haben, können Sie das selbst ausprobieren. Klicken Sie auf + das Blitz-Symbol oben rechts oder drücken Sie Cmd/Strg + Alt + P. Wenn die Live-Vorschau + für ein HTML-Dokument eingeschaltet ist, können alle verknüpften CSS-Dokumente in Echtzeit bearbeitet + werden. Das Symbol ändert sich von grau nach golden, wenn Brackets eine Verbindung zu Ihrem Browser + herstellt. + + Platzieren Sie Ihren Cursor jetzt auf den -Tag oben und verwenden Sie + Cmd/Strg + E, um die definierten CSS-Regeln zu öffnen. Versuchen Sie die Stärke des + Rahmens von 1px auf 10px zu ändern, oder die Hintergrundfarbe von "dimgray" auf "hotpink". + Falls Sie Brackets und Ihren Browser nebeneinander laufen haben, sehen Sie die Änderungen sofort + in Ihrem Browser umgesetzt. Cool, was? + + +

+ Derzeit unterstützt Brackets die Live-Vorschau nur für CSS. Wir arbeiten derzeit an der Unterstützung + der Live-Vorschau für HTML und JavaScript. In der aktuellen Version werden Änderungen an HTML- oder + JavaScript-Dateien automatisch neu geladen, wenn Sie speichern. Live-Vorschauen sind nur mit + Google Chrome möglich. Wir möchten diese Funktionalität zu allen wichtigen Browsern hinzufügen, + und wir freuen uns darauf, mit den Herstellern zusammenzuarbeiten, um das zu erreichen. +

+ + +

Machen Sie mit

+

+ Brackets ist ein Open-Source-Projekt. Web-Entwickler rund um die Welt helfen mit, einen besseren + Code-Editor zu bauen. Lassen Sie uns wissen, was Sie denken, teilen Sie Ihre Ideen oder tragen + Sie direkt zu dem Projekt bei. +

+ + + + + \ No newline at end of file diff --git a/src/editor/Editor.js b/src/editor/Editor.js index d38ef6352d7..8141160d15c 100644 --- a/src/editor/Editor.js +++ b/src/editor/Editor.js @@ -61,8 +61,7 @@ define(function (require, exports, module) { "use strict"; - var EditorManager = require("editor/EditorManager"), - CodeHintManager = require("editor/CodeHintManager"), + var CodeHintManager = require("editor/CodeHintManager"), Commands = require("command/Commands"), CommandManager = require("command/CommandManager"), Menus = require("command/Menus"), @@ -237,20 +236,6 @@ define(function (require, exports, module) { CodeHintManager.handleKeyEvent(editor, event); } - function _handleSelectAll() { - var result = new $.Deferred(), - editor = EditorManager.getFocusedEditor(); - - if (editor) { - editor.selectAllNoScroll(); - result.resolve(); - } else { - result.reject(); // command not handled - } - - return result.promise(); - } - /** * Helper functions to check options. * @param {number} options BOUNDARY_CHECK_NORMAL or BOUNDARY_IGNORE_TOP @@ -639,7 +624,7 @@ define(function (require, exports, module) { // Convert CodeMirror onFocus events to EditorManager activeEditorChanged this._codeMirror.on("focus", function () { self._focused = true; - EditorManager._notifyActiveEditorChanged(self); + $(self).triggerHandler("focus", [self]); }); this._codeMirror.on("blur", function () { @@ -1332,9 +1317,6 @@ define(function (require, exports, module) { return _indentUnit; }; - // Global commands that affect the currently focused Editor instance, wherever it may be - CommandManager.register(Strings.CMD_SELECT_ALL, Commands.EDIT_SELECT_ALL, _handleSelectAll); - // Define public API exports.Editor = Editor; exports.BOUNDARY_CHECK_NORMAL = BOUNDARY_CHECK_NORMAL; diff --git a/src/editor/EditorCommandHandlers.js b/src/editor/EditorCommandHandlers.js index 38d8ce387ba..c7efc909878 100644 --- a/src/editor/EditorCommandHandlers.js +++ b/src/editor/EditorCommandHandlers.js @@ -30,7 +30,7 @@ */ define(function (require, exports, module) { "use strict"; - + // Load dependent modules var Commands = require("command/Commands"), Strings = require("strings"), @@ -38,7 +38,7 @@ define(function (require, exports, module) { EditorManager = require("editor/EditorManager"), StringUtils = require("utils/StringUtils"), TokenUtils = require("utils/TokenUtils"); - + /** * List of constants @@ -722,6 +722,20 @@ define(function (require, exports, module) { // Do nothing. The shell will call the native handler for the command. return (new $.Deferred()).reject().promise(); } + + function _handleSelectAll() { + var result = new $.Deferred(), + editor = EditorManager.getFocusedEditor(); + + if (editor) { + editor.selectAllNoScroll(); + result.resolve(); + } else { + result.reject(); // command not handled + } + + return result.promise(); + } // Register commands CommandManager.register(Strings.CMD_INDENT, Commands.EDIT_INDENT, indentText); @@ -739,4 +753,5 @@ define(function (require, exports, module) { CommandManager.register(Strings.CMD_CUT, Commands.EDIT_CUT, ignoreCommand); CommandManager.register(Strings.CMD_COPY, Commands.EDIT_COPY, ignoreCommand); CommandManager.register(Strings.CMD_PASTE, Commands.EDIT_PASTE, ignoreCommand); + CommandManager.register(Strings.CMD_SELECT_ALL, Commands.EDIT_SELECT_ALL, _handleSelectAll); }); diff --git a/src/editor/EditorManager.js b/src/editor/EditorManager.js index dd64fd58222..7dba4736d52 100644 --- a/src/editor/EditorManager.js +++ b/src/editor/EditorManager.js @@ -109,6 +109,22 @@ define(function (require, exports, module) { $indentWidthLabel, $indentWidthInput; + /** + * @private + * @param {?Editor} current + */ + function _notifyActiveEditorChanged(current) { + // Skip if the Editor that gained focus was already the most recently focused editor. + // This may happen e.g. if the window loses then regains focus. + if (_lastFocusedEditor === current) { + return; + } + var previous = _lastFocusedEditor; + _lastFocusedEditor = current; + + $(exports).triggerHandler("activeEditorChange", [current, previous]); + } + /** * Creates a new Editor bound to the given Document. The editor's mode is inferred based on the * file extension. The editor is appended to the given container as a visible child. @@ -121,9 +137,14 @@ define(function (require, exports, module) { * @return {Editor} the newly created editor. */ function _createEditorForDocument(doc, makeMasterEditor, container, range) { - var mode = EditorUtils.getModeFromFileExtension(doc.file.fullPath); + var mode = EditorUtils.getModeFromFileExtension(doc.file.fullPath), + editor = new Editor(doc, makeMasterEditor, mode, container, range); + + $(editor).on("focus", function () { + _notifyActiveEditorChanged(this); + }); - return new Editor(doc, makeMasterEditor, mode, container, range); + return editor; } /** @@ -435,24 +456,7 @@ define(function (require, exports, module) { function _resetViewStates(viewStates) { _viewStateCache = viewStates; } - - - /** - * @private - * @param {?Editor} current - */ - function _notifyActiveEditorChanged(current) { - // Skip if the Editor that gained focus was already the most recently focused editor. - // This may happen e.g. if the window loses then regains focus. - if (_lastFocusedEditor === current) { - return; - } - var previous = _lastFocusedEditor; - _lastFocusedEditor = current; - - $(exports).triggerHandler("activeEditorChange", [current, previous]); - } - + /** * @private */ @@ -859,7 +863,6 @@ define(function (require, exports, module) { // For unit tests and internal use only exports._init = _init; exports._openInlineWidget = _openInlineWidget; - exports._notifyActiveEditorChanged = _notifyActiveEditorChanged; exports._createFullEditorForDocument = _createFullEditorForDocument; exports._destroyEditorIfUnneeded = _destroyEditorIfUnneeded; exports._getViewState = _getViewState; diff --git a/src/extensions/default/JavaScriptQuickEdit/unittest-files/jquery-ui/external/jquery.mousewheel-3.0.4.js b/src/extensions/default/JavaScriptQuickEdit/unittest-files/jquery-ui/external/jquery.mousewheel-3.0.4.js index dbf8f4b0fac..b7932415cea 100644 --- a/src/extensions/default/JavaScriptQuickEdit/unittest-files/jquery-ui/external/jquery.mousewheel-3.0.4.js +++ b/src/extensions/default/JavaScriptQuickEdit/unittest-files/jquery-ui/external/jquery.mousewheel-3.0.4.js @@ -1,78 +1,78 @@ -/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net) - * Licensed under the MIT License (LICENSE.txt). - * - * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. - * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix. - * Thanks to: Seamus Leahy for adding deltaX and deltaY - * - * Version: 3.0.4 - * - * Requires: 1.2.2+ - */ - -(function($) { - -var types = ['DOMMouseScroll', 'mousewheel']; - -$.event.special.mousewheel = { - setup: function() { - if ( this.addEventListener ) { - for ( var i=types.length; i; ) { - this.addEventListener( types[--i], handler, false ); - } - } else { - this.onmousewheel = handler; - } - }, - - teardown: function() { - if ( this.removeEventListener ) { - for ( var i=types.length; i; ) { - this.removeEventListener( types[--i], handler, false ); - } - } else { - this.onmousewheel = null; - } - } -}; - -$.fn.extend({ - mousewheel: function(fn) { - return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel"); - }, - - unmousewheel: function(fn) { - return this.unbind("mousewheel", fn); - } -}); - - -function handler(event) { - var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0; - event = $.event.fix(orgEvent); - event.type = "mousewheel"; - - // Old school scrollwheel delta - if ( event.wheelDelta ) { delta = event.wheelDelta/120; } - if ( event.detail ) { delta = -event.detail/3; } - - // New school multidimensional scroll (touchpads) deltas - deltaY = delta; - - // Gecko - if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { - deltaY = 0; - deltaX = -1*delta; - } - - // Webkit - if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; } - if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; } - - // Add event and delta to the front of the arguments - args.unshift(event, delta, deltaX, deltaY); - - return $.event.handle.apply(this, args); -} - +/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net) + * Licensed under the MIT License (LICENSE.txt). + * + * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. + * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix. + * Thanks to: Seamus Leahy for adding deltaX and deltaY + * + * Version: 3.0.4 + * + * Requires: 1.2.2+ + */ + +(function($) { + +var types = ['DOMMouseScroll', 'mousewheel']; + +$.event.special.mousewheel = { + setup: function() { + if ( this.addEventListener ) { + for ( var i=types.length; i; ) { + this.addEventListener( types[--i], handler, false ); + } + } else { + this.onmousewheel = handler; + } + }, + + teardown: function() { + if ( this.removeEventListener ) { + for ( var i=types.length; i; ) { + this.removeEventListener( types[--i], handler, false ); + } + } else { + this.onmousewheel = null; + } + } +}; + +$.fn.extend({ + mousewheel: function(fn) { + return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel"); + }, + + unmousewheel: function(fn) { + return this.unbind("mousewheel", fn); + } +}); + + +function handler(event) { + var orgEvent = event || window.event, args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true, deltaX = 0, deltaY = 0; + event = $.event.fix(orgEvent); + event.type = "mousewheel"; + + // Old school scrollwheel delta + if ( event.wheelDelta ) { delta = event.wheelDelta/120; } + if ( event.detail ) { delta = -event.detail/3; } + + // New school multidimensional scroll (touchpads) deltas + deltaY = delta; + + // Gecko + if ( orgEvent.axis !== undefined && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) { + deltaY = 0; + deltaX = -1*delta; + } + + // Webkit + if ( orgEvent.wheelDeltaY !== undefined ) { deltaY = orgEvent.wheelDeltaY/120; } + if ( orgEvent.wheelDeltaX !== undefined ) { deltaX = -1*orgEvent.wheelDeltaX/120; } + + // Add event and delta to the front of the arguments + args.unshift(event, delta, deltaX, deltaY); + + return $.event.handle.apply(this, args); +} + })(jQuery); \ No newline at end of file diff --git a/src/extensions/default/RecentProjects/down-arrow.svg b/src/extensions/default/RecentProjects/down-arrow.svg index 133c4fb707d..9e117794204 100644 --- a/src/extensions/default/RecentProjects/down-arrow.svg +++ b/src/extensions/default/RecentProjects/down-arrow.svg @@ -1,10 +1,10 @@ - - - - - - - - - - + + + + + + + + + + diff --git a/src/styles/images/bracketsSprites.svg b/src/styles/images/bracketsSprites.svg index ff3289b19c3..e36a1638f0e 100644 --- a/src/styles/images/bracketsSprites.svg +++ b/src/styles/images/bracketsSprites.svg @@ -1,22 +1,22 @@ - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/brackets_icon.svg b/src/styles/images/brackets_icon.svg index 29a07812f53..c46e259c917 100644 --- a/src/styles/images/brackets_icon.svg +++ b/src/styles/images/brackets_icon.svg @@ -1,21 +1,21 @@ - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/close_btn.svg b/src/styles/images/close_btn.svg index f662ce4134e..1588c01c792 100644 --- a/src/styles/images/close_btn.svg +++ b/src/styles/images/close_btn.svg @@ -1,15 +1,15 @@ - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + diff --git a/src/styles/images/jsTreeSprites.svg b/src/styles/images/jsTreeSprites.svg index c722f5622dd..e291ca1a7ba 100644 --- a/src/styles/images/jsTreeSprites.svg +++ b/src/styles/images/jsTreeSprites.svg @@ -1,26 +1,26 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/live_development_sprites.svg b/src/styles/images/live_development_sprites.svg index fed57f14124..1741b793b70 100644 --- a/src/styles/images/live_development_sprites.svg +++ b/src/styles/images/live_development_sprites.svg @@ -1,32 +1,32 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/no_content_bg.svg b/src/styles/images/no_content_bg.svg index efafcee4a2a..36b956f4d38 100644 --- a/src/styles/images/no_content_bg.svg +++ b/src/styles/images/no_content_bg.svg @@ -1,88 +1,88 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/settings_small.svg b/src/styles/images/settings_small.svg index 7a8914ee1ff..cb543712e47 100644 --- a/src/styles/images/settings_small.svg +++ b/src/styles/images/settings_small.svg @@ -1,47 +1,47 @@ - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/small_spinner.svg b/src/styles/images/small_spinner.svg index 5999e3590e6..3eb9b27ddc7 100644 --- a/src/styles/images/small_spinner.svg +++ b/src/styles/images/small_spinner.svg @@ -1,48 +1,48 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/images/stepper-arrow-sprites.svg b/src/styles/images/stepper-arrow-sprites.svg index 015275b8c08..ef9816797fe 100644 --- a/src/styles/images/stepper-arrow-sprites.svg +++ b/src/styles/images/stepper-arrow-sprites.svg @@ -1,4 +1,4 @@ - - - - + + + + diff --git a/src/styles/images/updateSprites.svg b/src/styles/images/updateSprites.svg index 2d6ee9773c5..e80241a3e60 100644 --- a/src/styles/images/updateSprites.svg +++ b/src/styles/images/updateSprites.svg @@ -1,9 +1,9 @@ - - - - - - - - - + + + + + + + + + diff --git a/src/styles/images/update_large_icon.svg b/src/styles/images/update_large_icon.svg index 7bfb546c614..70ed5d28805 100644 --- a/src/styles/images/update_large_icon.svg +++ b/src/styles/images/update_large_icon.svg @@ -1,3 +1,3 @@ - - - + + + diff --git a/test/smokes/citrus completed/css/citrus_mq.css b/test/smokes/citrus completed/css/citrus_mq.css index fa3ac602601..188d2122075 100755 --- a/test/smokes/citrus completed/css/citrus_mq.css +++ b/test/smokes/citrus completed/css/citrus_mq.css @@ -1,8 +1,8 @@ -/* Desktop */ -@import url("desktop.css"); -/* Phone */ -@import url("phone.css") only screen and (max-width:320px); -/* Tablet */ -@import url("tablet.css") only screen and (min-width:321px) and (max-width:768px); - - +/* Desktop */ +@import url("desktop.css"); +/* Phone */ +@import url("phone.css") only screen and (max-width:320px); +/* Tablet */ +@import url("tablet.css") only screen and (min-width:321px) and (max-width:768px); + + diff --git a/test/smokes/citrus completed/css/desktop.css b/test/smokes/citrus completed/css/desktop.css index db9737cf4a2..bb27d55aec1 100755 --- a/test/smokes/citrus completed/css/desktop.css +++ b/test/smokes/citrus completed/css/desktop.css @@ -1,165 +1,165 @@ -@charset "utf-8"; -/* CSS Document */ - -article, aside, figure, footer, header, nav, section { - display: block; - margin: 0; - padding: 0; -} -body { - font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; - color: #000; - background-color: #66B034; - margin: 0px; - padding: 0px; -} -#container { - width: 840px; - margin-top: 0px; - margin-right: auto; - margin-bottom: 0px; - margin-left: auto; -} -#logo { - background-image: url(../images/lrg_logo.png); - background-repeat: no-repeat; - height: 138px; - width: 100%; -} -#logo h1, #logo h2 { - position: absolute; - top: -500px; -} -nav { - padding-top: 150px; -} -#maincontent { - margin-top: 80px; - padding-top: 10px; - padding-right: 0px; - padding-bottom: 10px; - padding-left: 0px; -} -ul { - padding:0; - margin:0; -} -nav ul { - list-style: none; - margin-bottom: 15px; - font-weight: bold; - font-size:20px; -} -nav ul li { - float: left; -} -nav ul a { - display: block; - width:140px; - padding: 10px; - text-align:center; - text-decoration: none; - color: #fff; - border: 1px solid #618A37; - margin: 5px 0px; - border-radius: 8px; - -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); - -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); - box-shadow: 1px 1px 3px rgba(0,0,0,0.3); - text-shadow: 1px 1px 1px rgba(0,0,0,0.8); -} -nav ul a:link, nav ul a:visited { - background: rgba(255,255,255,0.2); -} -nav ul a:hover, nav ul a:active, nav ul a:focus { - background: rgba(255,255,255,0.4); -} -nav ul li:hover { - margin-top:-10px; -} -nav ul li { - float: left; - -webkit-transition-duration:.5s; - -webkit-transition-property:margin-top; - -webkit-transition-timing-function:ease-in-out; - -o-transition-duration:.5s; - -o-transition-property:margin-top; - -o-transition-timing-function:ease-in-out; - -moz-transition-duration:.5s; - -moz-transition-property:margin-top; - -moz-transition-timing-function:ease-in-out; - transition-duration:.5s; - transition-property:margin-top; - transition-timing-function:ease-in-out; -} -#vision { - font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; - font-size:32px; - font-weight:bold; - line-height:1.2; - background-image:url(../images/lrg_hero.jpg); - background-repeat:no-repeat; - width: 409px; - height:237px; - padding:60px 370px 0 40px; - margin-bottom:20px; -} -.pod { - background: #fff; - padding: 10px; - width: 244px; - float:left; - margin-right: 13px; -} -.podContent { - margin-top:10px; - width: 244px; - height:181px; - overflow:hidden; -} -#news .podContent { - margin-top:12px; - overflow:auto; -} -#news .podContent p { - margin-top: 5px; - margin-bottom: 5px; - margin-left:6px; - font-size:15px; -} -.pod h1 { - background: #CCC; - color: #000; - padding:5px; - background-image:url(../images/icon_chevron.png); - background-repeat:no-repeat; - background-position:95%; - font-size:16px; - font-weight:normal; - margin: 0 0 10px 0; -} -a.block { - text-decoration:none; - display:block; -} -time { - font-weight:bold; - display:inline-block; - width:2.5em; -} -footer { - padding: 10px 0; - clear:both; - color: #fff; -} -footer p { - margin:0 0 5px 0; -} -#phone { - font-weight:bold; - color: #000; -} -#facebookTwitter { - float:right; - margin-right:25px; -} +@charset "utf-8"; +/* CSS Document */ + +article, aside, figure, footer, header, nav, section { + display: block; + margin: 0; + padding: 0; +} +body { + font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; + color: #000; + background-color: #66B034; + margin: 0px; + padding: 0px; +} +#container { + width: 840px; + margin-top: 0px; + margin-right: auto; + margin-bottom: 0px; + margin-left: auto; +} +#logo { + background-image: url(../images/lrg_logo.png); + background-repeat: no-repeat; + height: 138px; + width: 100%; +} +#logo h1, #logo h2 { + position: absolute; + top: -500px; +} +nav { + padding-top: 150px; +} +#maincontent { + margin-top: 80px; + padding-top: 10px; + padding-right: 0px; + padding-bottom: 10px; + padding-left: 0px; +} +ul { + padding:0; + margin:0; +} +nav ul { + list-style: none; + margin-bottom: 15px; + font-weight: bold; + font-size:20px; +} +nav ul li { + float: left; +} +nav ul a { + display: block; + width:140px; + padding: 10px; + text-align:center; + text-decoration: none; + color: #fff; + border: 1px solid #618A37; + margin: 5px 0px; + border-radius: 8px; + -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); + -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3); + box-shadow: 1px 1px 3px rgba(0,0,0,0.3); + text-shadow: 1px 1px 1px rgba(0,0,0,0.8); +} +nav ul a:link, nav ul a:visited { + background: rgba(255,255,255,0.2); +} +nav ul a:hover, nav ul a:active, nav ul a:focus { + background: rgba(255,255,255,0.4); +} +nav ul li:hover { + margin-top:-10px; +} +nav ul li { + float: left; + -webkit-transition-duration:.5s; + -webkit-transition-property:margin-top; + -webkit-transition-timing-function:ease-in-out; + -o-transition-duration:.5s; + -o-transition-property:margin-top; + -o-transition-timing-function:ease-in-out; + -moz-transition-duration:.5s; + -moz-transition-property:margin-top; + -moz-transition-timing-function:ease-in-out; + transition-duration:.5s; + transition-property:margin-top; + transition-timing-function:ease-in-out; +} +#vision { + font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; + font-size:32px; + font-weight:bold; + line-height:1.2; + background-image:url(../images/lrg_hero.jpg); + background-repeat:no-repeat; + width: 409px; + height:237px; + padding:60px 370px 0 40px; + margin-bottom:20px; +} +.pod { + background: #fff; + padding: 10px; + width: 244px; + float:left; + margin-right: 13px; +} +.podContent { + margin-top:10px; + width: 244px; + height:181px; + overflow:hidden; +} +#news .podContent { + margin-top:12px; + overflow:auto; +} +#news .podContent p { + margin-top: 5px; + margin-bottom: 5px; + margin-left:6px; + font-size:15px; +} +.pod h1 { + background: #CCC; + color: #000; + padding:5px; + background-image:url(../images/icon_chevron.png); + background-repeat:no-repeat; + background-position:95%; + font-size:16px; + font-weight:normal; + margin: 0 0 10px 0; +} +a.block { + text-decoration:none; + display:block; +} +time { + font-weight:bold; + display:inline-block; + width:2.5em; +} +footer { + padding: 10px 0; + clear:both; + color: #fff; +} +footer p { + margin:0 0 5px 0; +} +#phone { + font-weight:bold; + color: #000; +} +#facebookTwitter { + float:right; + margin-right:25px; +} diff --git a/test/smokes/citrus completed/css/phone.css b/test/smokes/citrus completed/css/phone.css index c0305161009..e302285ac91 100755 --- a/test/smokes/citrus completed/css/phone.css +++ b/test/smokes/citrus completed/css/phone.css @@ -1,61 +1,61 @@ -@charset "utf-8"; -#container { - width: 100%; -} -#logo { - height:auto; - width:270px; - background-image: url(../images/sml_logo.png); - margin-left:auto; - margin-right:auto; -} -nav { - padding-top:100px; -} -nav ul { - font-size:24px; -} -nav ul a { - width:97%; - padding-right:0; -} -nav ul li { - float:none; -} -nav ul li:hover { - margin-top:0; -} -#maincontent { - margin-top: 0; - padding:0; -} -#vision { - background-image:none; - width: 280px; - height:auto; - font-size:16px; - line-height:normal; - padding-top:0; -} -/* Uncomment the declarations in the following rules to hide the images in the pods. */ -.pod { - width: 305px; - /*padding-bottom:0;*/ -} -/*.pod h1 { - margin-bottom:0; -}*/ -.podContent { - width: 302px; - height:180px; - /*display:none;*/ -} -/*#news .podContent { - display:block; -}*/ -footer p { - margin-left:5px; -} -#facebookTwitter { - margin-right:5px; -} +@charset "utf-8"; +#container { + width: 100%; +} +#logo { + height:auto; + width:270px; + background-image: url(../images/sml_logo.png); + margin-left:auto; + margin-right:auto; +} +nav { + padding-top:100px; +} +nav ul { + font-size:24px; +} +nav ul a { + width:97%; + padding-right:0; +} +nav ul li { + float:none; +} +nav ul li:hover { + margin-top:0; +} +#maincontent { + margin-top: 0; + padding:0; +} +#vision { + background-image:none; + width: 280px; + height:auto; + font-size:16px; + line-height:normal; + padding-top:0; +} +/* Uncomment the declarations in the following rules to hide the images in the pods. */ +.pod { + width: 305px; + /*padding-bottom:0;*/ +} +/*.pod h1 { + margin-bottom:0; +}*/ +.podContent { + width: 302px; + height:180px; + /*display:none;*/ +} +/*#news .podContent { + display:block; +}*/ +footer p { + margin-left:5px; +} +#facebookTwitter { + margin-right:5px; +} diff --git a/test/smokes/citrus completed/css/tablet.css b/test/smokes/citrus completed/css/tablet.css index dfbc7aba33e..cdf194cb5d3 100755 --- a/test/smokes/citrus completed/css/tablet.css +++ b/test/smokes/citrus completed/css/tablet.css @@ -1,47 +1,47 @@ -@charset "utf-8"; -#container { - width:700px; -} -#logo { - background-image:url(../images/med_logo.png); - height:100px; -} -nav { - padding-top:110px; -} -nav ul { - font-size:18px; -} -nav ul a { - width:114px; -} -#maincontent { - padding: 0; - margin-left:5px; - width: 700px; -} -#vision { - background-image:url(../images/med_hero.jpg); - width: 289px; - height:217px; - padding-top:45px; - padding-right:350px; - font-size:26px; -} -.pod { - width: 305px; -} -.podContent { - width: 302px; - height:180px; -} -#events { - margin-left:7px; -} -#news { - width:650px; - margin-top:20px; -} -footer p { - margin-left:5px; -} +@charset "utf-8"; +#container { + width:700px; +} +#logo { + background-image:url(../images/med_logo.png); + height:100px; +} +nav { + padding-top:110px; +} +nav ul { + font-size:18px; +} +nav ul a { + width:114px; +} +#maincontent { + padding: 0; + margin-left:5px; + width: 700px; +} +#vision { + background-image:url(../images/med_hero.jpg); + width: 289px; + height:217px; + padding-top:45px; + padding-right:350px; + font-size:26px; +} +.pod { + width: 305px; +} +.podContent { + width: 302px; + height:180px; +} +#events { + margin-left:7px; +} +#news { + width:650px; + margin-top:20px; +} +footer p { + margin-left:5px; +} diff --git a/test/smokes/citrus completed/index.html b/test/smokes/citrus completed/index.html index d111393c695..fa31cb76fb5 100755 --- a/test/smokes/citrus completed/index.html +++ b/test/smokes/citrus completed/index.html @@ -1,69 +1,69 @@ - - - - - -Citrus Cafe - - - - -
- -
-
A new neighborhood kitchen using only organic and sustainable ingredients all locally sourced.
-
-

Today's specials

 -
Soup and salad
-
-
-

Events

 -
Cafe interior
-
-
-

News

 -
-

- -Celebrity Guest Chef Night

-

- -New Menu Samplers!

-

- -Chef Citrus Style

-

- -Pork Pork and More Pork

-

- -Celebrity Guest Chef Night

-

- -New Menu Samplers!

-

- -Iron Chef Citrus Style

-
-
-
- -
- - + + + + + +Citrus Cafe + + + + +
+ +
+
A new neighborhood kitchen using only organic and sustainable ingredients all locally sourced.
+
+

Today's specials

 +
Soup and salad
+
+
+

Events

 +
Cafe interior
+
+
+

News

 +
+

+ +Celebrity Guest Chef Night

+

+ +New Menu Samplers!

+

+ +Chef Citrus Style

+

+ +Pork Pork and More Pork

+

+ +Celebrity Guest Chef Night

+

+ +New Menu Samplers!

+

+ +Iron Chef Citrus Style

+
+
+
+ +
+ + diff --git a/test/thirdparty/jasmine-jquery-1.3.1.js b/test/thirdparty/jasmine-jquery-1.3.1.js index 7e85548aa74..4f7357df7a0 100644 --- a/test/thirdparty/jasmine-jquery-1.3.1.js +++ b/test/thirdparty/jasmine-jquery-1.3.1.js @@ -1,288 +1,288 @@ -var readFixtures = function() { - return jasmine.getFixtures().proxyCallTo_('read', arguments); -}; - -var preloadFixtures = function() { - jasmine.getFixtures().proxyCallTo_('preload', arguments); -}; - -var loadFixtures = function() { - jasmine.getFixtures().proxyCallTo_('load', arguments); -}; - -var setFixtures = function(html) { - jasmine.getFixtures().set(html); -}; - -var sandbox = function(attributes) { - return jasmine.getFixtures().sandbox(attributes); -}; - -var spyOnEvent = function(selector, eventName) { - jasmine.JQuery.events.spyOn(selector, eventName); -} - -jasmine.getFixtures = function() { - return jasmine.currentFixtures_ = jasmine.currentFixtures_ || new jasmine.Fixtures(); -}; - -jasmine.Fixtures = function() { - this.containerId = 'jasmine-fixtures'; - this.fixturesCache_ = {}; - this.fixturesPath = 'spec/javascripts/fixtures'; -}; - -jasmine.Fixtures.prototype.set = function(html) { - this.cleanUp(); - this.createContainer_(html); -}; - -jasmine.Fixtures.prototype.preload = function() { - this.read.apply(this, arguments); -}; - -jasmine.Fixtures.prototype.load = function() { - this.cleanUp(); - this.createContainer_(this.read.apply(this, arguments)); -}; - -jasmine.Fixtures.prototype.read = function() { - var htmlChunks = []; - - var fixtureUrls = arguments; - for(var urlCount = fixtureUrls.length, urlIndex = 0; urlIndex < urlCount; urlIndex++) { - htmlChunks.push(this.getFixtureHtml_(fixtureUrls[urlIndex])); - } - - return htmlChunks.join(''); -}; - -jasmine.Fixtures.prototype.clearCache = function() { - this.fixturesCache_ = {}; -}; - -jasmine.Fixtures.prototype.cleanUp = function() { - jQuery('#' + this.containerId).remove(); -}; - -jasmine.Fixtures.prototype.sandbox = function(attributes) { - var attributesToSet = attributes || {}; - return jQuery('
').attr(attributesToSet); -}; - -jasmine.Fixtures.prototype.createContainer_ = function(html) { - var container; - if(html instanceof jQuery) { - container = jQuery('
'); - container.html(html); - } else { - container = '
' + html + '
' - } - jQuery('body').append(container); -}; - -jasmine.Fixtures.prototype.getFixtureHtml_ = function(url) { - if (typeof this.fixturesCache_[url] == 'undefined') { - this.loadFixtureIntoCache_(url); - } - return this.fixturesCache_[url]; -}; - -jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function(relativeUrl) { - var self = this; - var url = this.fixturesPath.match('/$') ? this.fixturesPath + relativeUrl : this.fixturesPath + '/' + relativeUrl; - jQuery.ajax({ - async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded - cache: false, - dataType: 'html', - url: url, - success: function(data) { - self.fixturesCache_[relativeUrl] = data; - }, - error: function(jqXHR, status, errorThrown) { - throw Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + errorThrown.message + ')'); - } - }); -}; - -jasmine.Fixtures.prototype.proxyCallTo_ = function(methodName, passedArguments) { - return this[methodName].apply(this, passedArguments); -}; - - -jasmine.JQuery = function() {}; - -jasmine.JQuery.browserTagCaseIndependentHtml = function(html) { - return jQuery('
').append(html).html(); -}; - -jasmine.JQuery.elementToString = function(element) { - return jQuery('
').append(element.clone()).html(); -}; - -jasmine.JQuery.matchersClass = {}; - -(function(namespace) { - var data = { - spiedEvents: {}, - handlers: [] - }; - - namespace.events = { - spyOn: function(selector, eventName) { - var handler = function(e) { - data.spiedEvents[[selector, eventName]] = e; - }; - jQuery(selector).bind(eventName, handler); - data.handlers.push(handler); - }, - - wasTriggered: function(selector, eventName) { - return !!(data.spiedEvents[[selector, eventName]]); - }, - - cleanUp: function() { - data.spiedEvents = {}; - data.handlers = []; - } - } -})(jasmine.JQuery); - -(function(){ - var jQueryMatchers = { - toHaveClass: function(className) { - return this.actual.hasClass(className); - }, - - toBeVisible: function() { - return this.actual.is(':visible'); - }, - - toBeHidden: function() { - return this.actual.is(':hidden'); - }, - - toBeSelected: function() { - return this.actual.is(':selected'); - }, - - toBeChecked: function() { - return this.actual.is(':checked'); - }, - - toBeEmpty: function() { - return this.actual.is(':empty'); - }, - - toExist: function() { - return this.actual.size() > 0; - }, - - toHaveAttr: function(attributeName, expectedAttributeValue) { - return hasProperty(this.actual.attr(attributeName), expectedAttributeValue); - }, - - toHaveId: function(id) { - return this.actual.attr('id') == id; - }, - - toHaveHtml: function(html) { - return this.actual.html() == jasmine.JQuery.browserTagCaseIndependentHtml(html); - }, - - toHaveText: function(text) { - if (text && jQuery.isFunction(text.test)) { - return text.test(this.actual.text()); - } else { - return this.actual.text() == text; - } - }, - - toHaveValue: function(value) { - return this.actual.val() == value; - }, - - toHaveData: function(key, expectedValue) { - return hasProperty(this.actual.data(key), expectedValue); - }, - - toBe: function(selector) { - return this.actual.is(selector); - }, - - toContain: function(selector) { - return this.actual.find(selector).size() > 0; - }, - - toBeDisabled: function(selector){ - return this.actual.is(':disabled'); - }, - - // tests the existence of a specific event binding - toHandle: function(eventName) { - var events = this.actual.data("events"); - return events && events[eventName].length > 0; - }, - - // tests the existence of a specific event binding + handler - toHandleWith: function(eventName, eventHandler) { - var stack = this.actual.data("events")[eventName]; - var i; - for (i = 0; i < stack.length; i++) { - if (stack[i].handler == eventHandler) { - return true; - } - } - return false; - } - }; - - var hasProperty = function(actualValue, expectedValue) { - if (expectedValue === undefined) { - return actualValue !== undefined; - } - return actualValue == expectedValue; - }; - - var bindMatcher = function(methodName) { - var builtInMatcher = jasmine.Matchers.prototype[methodName]; - - jasmine.JQuery.matchersClass[methodName] = function() { - if (this.actual instanceof jQuery) { - var result = jQueryMatchers[methodName].apply(this, arguments); - this.actual = jasmine.JQuery.elementToString(this.actual); - return result; - } - - if (builtInMatcher) { - return builtInMatcher.apply(this, arguments); - } - - return false; - }; - }; - - for(var methodName in jQueryMatchers) { - bindMatcher(methodName); - } -})(); - -beforeEach(function() { - this.addMatchers(jasmine.JQuery.matchersClass); - this.addMatchers({ - toHaveBeenTriggeredOn: function(selector) { - this.message = function() { - return [ - "Expected event " + this.actual + " to have been triggered on" + selector, - "Expected event " + this.actual + " not to have been triggered on" + selector - ]; - }; - return jasmine.JQuery.events.wasTriggered(selector, this.actual); - } - }) -}); - -afterEach(function() { - jasmine.getFixtures().cleanUp(); - jasmine.JQuery.events.cleanUp(); -}); +var readFixtures = function() { + return jasmine.getFixtures().proxyCallTo_('read', arguments); +}; + +var preloadFixtures = function() { + jasmine.getFixtures().proxyCallTo_('preload', arguments); +}; + +var loadFixtures = function() { + jasmine.getFixtures().proxyCallTo_('load', arguments); +}; + +var setFixtures = function(html) { + jasmine.getFixtures().set(html); +}; + +var sandbox = function(attributes) { + return jasmine.getFixtures().sandbox(attributes); +}; + +var spyOnEvent = function(selector, eventName) { + jasmine.JQuery.events.spyOn(selector, eventName); +} + +jasmine.getFixtures = function() { + return jasmine.currentFixtures_ = jasmine.currentFixtures_ || new jasmine.Fixtures(); +}; + +jasmine.Fixtures = function() { + this.containerId = 'jasmine-fixtures'; + this.fixturesCache_ = {}; + this.fixturesPath = 'spec/javascripts/fixtures'; +}; + +jasmine.Fixtures.prototype.set = function(html) { + this.cleanUp(); + this.createContainer_(html); +}; + +jasmine.Fixtures.prototype.preload = function() { + this.read.apply(this, arguments); +}; + +jasmine.Fixtures.prototype.load = function() { + this.cleanUp(); + this.createContainer_(this.read.apply(this, arguments)); +}; + +jasmine.Fixtures.prototype.read = function() { + var htmlChunks = []; + + var fixtureUrls = arguments; + for(var urlCount = fixtureUrls.length, urlIndex = 0; urlIndex < urlCount; urlIndex++) { + htmlChunks.push(this.getFixtureHtml_(fixtureUrls[urlIndex])); + } + + return htmlChunks.join(''); +}; + +jasmine.Fixtures.prototype.clearCache = function() { + this.fixturesCache_ = {}; +}; + +jasmine.Fixtures.prototype.cleanUp = function() { + jQuery('#' + this.containerId).remove(); +}; + +jasmine.Fixtures.prototype.sandbox = function(attributes) { + var attributesToSet = attributes || {}; + return jQuery('
').attr(attributesToSet); +}; + +jasmine.Fixtures.prototype.createContainer_ = function(html) { + var container; + if(html instanceof jQuery) { + container = jQuery('
'); + container.html(html); + } else { + container = '
' + html + '
' + } + jQuery('body').append(container); +}; + +jasmine.Fixtures.prototype.getFixtureHtml_ = function(url) { + if (typeof this.fixturesCache_[url] == 'undefined') { + this.loadFixtureIntoCache_(url); + } + return this.fixturesCache_[url]; +}; + +jasmine.Fixtures.prototype.loadFixtureIntoCache_ = function(relativeUrl) { + var self = this; + var url = this.fixturesPath.match('/$') ? this.fixturesPath + relativeUrl : this.fixturesPath + '/' + relativeUrl; + jQuery.ajax({ + async: false, // must be synchronous to guarantee that no tests are run before fixture is loaded + cache: false, + dataType: 'html', + url: url, + success: function(data) { + self.fixturesCache_[relativeUrl] = data; + }, + error: function(jqXHR, status, errorThrown) { + throw Error('Fixture could not be loaded: ' + url + ' (status: ' + status + ', message: ' + errorThrown.message + ')'); + } + }); +}; + +jasmine.Fixtures.prototype.proxyCallTo_ = function(methodName, passedArguments) { + return this[methodName].apply(this, passedArguments); +}; + + +jasmine.JQuery = function() {}; + +jasmine.JQuery.browserTagCaseIndependentHtml = function(html) { + return jQuery('
').append(html).html(); +}; + +jasmine.JQuery.elementToString = function(element) { + return jQuery('
').append(element.clone()).html(); +}; + +jasmine.JQuery.matchersClass = {}; + +(function(namespace) { + var data = { + spiedEvents: {}, + handlers: [] + }; + + namespace.events = { + spyOn: function(selector, eventName) { + var handler = function(e) { + data.spiedEvents[[selector, eventName]] = e; + }; + jQuery(selector).bind(eventName, handler); + data.handlers.push(handler); + }, + + wasTriggered: function(selector, eventName) { + return !!(data.spiedEvents[[selector, eventName]]); + }, + + cleanUp: function() { + data.spiedEvents = {}; + data.handlers = []; + } + } +})(jasmine.JQuery); + +(function(){ + var jQueryMatchers = { + toHaveClass: function(className) { + return this.actual.hasClass(className); + }, + + toBeVisible: function() { + return this.actual.is(':visible'); + }, + + toBeHidden: function() { + return this.actual.is(':hidden'); + }, + + toBeSelected: function() { + return this.actual.is(':selected'); + }, + + toBeChecked: function() { + return this.actual.is(':checked'); + }, + + toBeEmpty: function() { + return this.actual.is(':empty'); + }, + + toExist: function() { + return this.actual.size() > 0; + }, + + toHaveAttr: function(attributeName, expectedAttributeValue) { + return hasProperty(this.actual.attr(attributeName), expectedAttributeValue); + }, + + toHaveId: function(id) { + return this.actual.attr('id') == id; + }, + + toHaveHtml: function(html) { + return this.actual.html() == jasmine.JQuery.browserTagCaseIndependentHtml(html); + }, + + toHaveText: function(text) { + if (text && jQuery.isFunction(text.test)) { + return text.test(this.actual.text()); + } else { + return this.actual.text() == text; + } + }, + + toHaveValue: function(value) { + return this.actual.val() == value; + }, + + toHaveData: function(key, expectedValue) { + return hasProperty(this.actual.data(key), expectedValue); + }, + + toBe: function(selector) { + return this.actual.is(selector); + }, + + toContain: function(selector) { + return this.actual.find(selector).size() > 0; + }, + + toBeDisabled: function(selector){ + return this.actual.is(':disabled'); + }, + + // tests the existence of a specific event binding + toHandle: function(eventName) { + var events = this.actual.data("events"); + return events && events[eventName].length > 0; + }, + + // tests the existence of a specific event binding + handler + toHandleWith: function(eventName, eventHandler) { + var stack = this.actual.data("events")[eventName]; + var i; + for (i = 0; i < stack.length; i++) { + if (stack[i].handler == eventHandler) { + return true; + } + } + return false; + } + }; + + var hasProperty = function(actualValue, expectedValue) { + if (expectedValue === undefined) { + return actualValue !== undefined; + } + return actualValue == expectedValue; + }; + + var bindMatcher = function(methodName) { + var builtInMatcher = jasmine.Matchers.prototype[methodName]; + + jasmine.JQuery.matchersClass[methodName] = function() { + if (this.actual instanceof jQuery) { + var result = jQueryMatchers[methodName].apply(this, arguments); + this.actual = jasmine.JQuery.elementToString(this.actual); + return result; + } + + if (builtInMatcher) { + return builtInMatcher.apply(this, arguments); + } + + return false; + }; + }; + + for(var methodName in jQueryMatchers) { + bindMatcher(methodName); + } +})(); + +beforeEach(function() { + this.addMatchers(jasmine.JQuery.matchersClass); + this.addMatchers({ + toHaveBeenTriggeredOn: function(selector) { + this.message = function() { + return [ + "Expected event " + this.actual + " to have been triggered on" + selector, + "Expected event " + this.actual + " not to have been triggered on" + selector + ]; + }; + return jasmine.JQuery.events.wasTriggered(selector, this.actual); + } + }) +}); + +afterEach(function() { + jasmine.getFixtures().cleanUp(); + jasmine.JQuery.events.cleanUp(); +});