Fix unit tests broken by modal bar animation

src/styles/brackets.less

@@ -773,7 +773,7 @@ a, img {
 
 /* Modal bar for Find/Quick Open */
 
-.modal-bar.hide {
+.modal-bar.modal-bar-hide {
     position: absolute;
     left: 0;
     right: 0;

src/widgets/ModalBar.js

@@ -49,13 +49,14 @@ define(function (require, exports, module) {
         this._handleInputKeydown = this._handleInputKeydown.bind(this);
         this._handleFocusChange = this._handleFocusChange.bind(this);
 
-        this._$root = $("<div class='modal-bar hide'/>")
+        this._$root = $("<div class='modal-bar modal-bar-hide'/>")
             .html(template)
             .insertBefore("#editor-holder");
 
-        // Forcing the renderer to do a layout, which will cause it to apply the transform for the "hide" class, so it will animate when you remove the class.
+        // Forcing the renderer to do a layout, which will cause it to apply the transform for the "modal-bar-hide"
+        // class, so it will animate when you remove the class.
         window.getComputedStyle(this._$root.get(0)).getPropertyValue("top");
-        this._$root.removeClass("hide");
+        this._$root.removeClass("modal-bar-hide");
 
         // If something *other* than an editor (like another modal bar) has focus, set the focus 
         // to the editor here, before opening up the new modal bar. This ensures that the old
@@ -128,7 +129,7 @@ define(function (require, exports, module) {
         }
 
         var self = this;
-        this._$root.addClass("hide").one("webkitTransitionEnd", function () {
+        this._$root.addClass("modal-bar-hide").one("webkitTransitionEnd", function () {
             self._$root.remove();
         });