mongo_browser 0.2.0.rc2 → 0.2.5

data/spec/javascripts/e2e/database_stats_scenario.js.coffee

@@ -0,0 +1,11 @@
+describe "database stats page", ->
+
+  beforeEach ->
+    browser().navigateTo("/e2e/load_fixtures")
+    browser().navigateTo("/")
+
+    element("table.databases tbody tr a:contains('first_database')").click()
+    element("a.btn:contains('Database stats')").click()
+
+  it "displays database stats", ->
+    expect(repeater("table tbody tr").count()).toBeGreaterThan(0)

data/spec/javascripts/e2e/databases_scenario.js.coffee

@@ -1,74 +1,75 @@
 describe "databases list page", ->
+  databasesList = null
+
+  shouldShowDatabase = (name) ->
+    expect(databasesList.column("database.name")).toContain(name)
+
+  shouldShowAllDatabases = ->
+    shouldShowDatabase("first_database")
+    shouldShowDatabase("second_database")
+    shouldShowDatabase("third_database")
+
   beforeEach ->
     browser().navigateTo("/e2e/load_fixtures")
     browser().navigateTo("/")
 
+    databasesList = repeater("table.databases tbody tr")
+
   it "navigates to the valid url", ->
     expect(browser().location().url()).toBe("/")
 
+  it "shows the breadcrumbs", ->
+    link = element(".container a.brand")
+    expect(link.text()).toEqual("Mongo Browser")
+    expect(link.attr("href")).toEqual("/")
+
   it "displays a valid section title", ->
     title = element("h2").text()
     expect(title).toEqual("localhost databases")
 
-  it "displays available databases ordered by name", ->
-    expect(repeater("table.databases tbody tr").column("database.name"))
-        .toEqual(["first_database", "second_database", "third_database"])
-
   describe "filtering by database name", ->
     it "displays all databases when the filter is not provided", ->
       input("value").enter("")
-      expect(repeater("table.databases tbody tr").count()).toBe(3)
-      expect(repeater("table.databases tbody tr").column("database.name"))
-          .toEqual(["first_database", "second_database", "third_database"])
+      shouldShowAllDatabases()
 
     it "filters by database name", ->
       input("value").enter("first")
-      expect(repeater("table.databases tbody tr").count()).toBe(1)
-      expect(repeater("table.databases tbody tr").column("database.name"))
-          .toEqual(["first_database"])
+      shouldShowDatabase("first_database")
 
       input("value").enter("second")
-      expect(repeater("table.databases tbody tr").count()).toBe(1)
-      expect(repeater("table.databases tbody tr").column("database.name"))
-          .toEqual(["second_database"])
+      shouldShowDatabase("second_database")
 
-      input("value").enter("not existing")
-      expect(repeater("table.databases tbody tr").count()).toBe(0)
-      expect(element(".filter.alert:visible").text()).toMatch(/Nothing has been found./)
+      input("value").enter("not existing database")
+      expect(databasesList.count()).toBe(0)
+      expect(element(".alert:visible").text()).toMatch(/Nothing has been found./)
 
     it "displays all records when the filter is cleared", ->
       element("button:contains('Clear')").click()
-      expect(repeater("table.databases tbody tr").count()).toBe(3)
-      expect(repeater("table.databases tbody tr").column("database.name"))
-          .toEqual(["first_database", "second_database", "third_database"])
+      shouldShowAllDatabases()
 
   describe "delete a database", ->
+    deleteDatabase = (name) ->
+      element("table.databases tbody tr:contains('#{name}') td:last-child a:contains('Delete')")
+        .click()
+
     beforeEach ->
-      element("table.databases tbody tr:contains('third_database') td.actions a:contains('Delete')").click()
-      expect(element("div.modal .modal-body").text()).toContain("Deleting third_database. Are you sure?")
+      deleteDatabase("third_database")
+      expect(element("div.modal .modal-body").text())
+        .toContain("Deleting third_database. Are you sure?")
 
     describe "when the dialog was disposed", ->
-      beforeEach ->
-        appElement "div.modal .modal-footer a:contains('Cancel')", ($element) ->
-          $element.click()
+      beforeEach -> disposeDialog()
 
       it "does nothig", ->
-          expect(repeater("table.databases tbody tr").count()).toBe(3)
-          expect(repeater("table.databases tbody tr").column("database.name"))
-              .toEqual(["first_database", "second_database", "third_database"])
+        shouldShowAllDatabases()
 
     describe "when the dialog was confirmed", ->
-      beforeEach ->
-        appElement "div.bootbox a:contains('OK')", ($element) ->
-          $element.click()
+      beforeEach -> confirmDialog()
 
-      # TODO figure out how to test it
-      xit "shows the alert", ->
+      it "shows the alert", ->
         expect(repeater("aside#alerts .alert").count()).toBe(1)
         expect(repeater("aside#alerts .alert").column("message.text"))
-            .toContain("Database third_database has been deleted.")
+          .toContain("Database third_database has been deleted.")
 
       it "deletes a database", ->
-        expect(repeater("table.databases tbody tr").count()).toBe(2)
-        expect(repeater("table.databases tbody tr").column("database.name"))
-            .toEqual(["first_database", "second_database"])
+        expect(databasesList.column("database.name")).not().toContain("third_database")

data/spec/javascripts/e2e/document_show_scenario.js.coffee

@@ -0,0 +1,31 @@
+describe "documents list page", ->
+  beforeEach ->
+    browser().navigateTo("/e2e/load_fixtures")
+    browser().navigateTo("/")
+
+    element("table.databases tbody tr a:contains('first_database')").click()
+    element("table.collections tbody tr a:contains('first_collection')").click()
+    element("table.documents tbody tr:first td span.id a").click()
+
+  it "shows the document page", ->
+    expect(browser().location().url()).toMatch(/\/databases\/first_database\/collections\/first_collection\/documents\/.+/)
+
+  it "shows the alerts when the document has been refreshed", ->
+    element("a:contains('Refresh')").click()
+
+    expect(repeater("aside#alerts .alert").count()).toBe(1)
+    expect(repeater("aside#alerts .alert").column("message.text"))
+      .toContain("Document was refreshed")
+
+  describe "when the document has not been found", ->
+    beforeEach ->
+      notExistingDocumentId = "50f486f1dac5d50540000003"
+      browser().navigateTo("/databases/first_database/collections/first_collection/documents/#{notExistingDocumentId}")
+
+    it "redirects to the documents list page", ->
+      expect(browser().location().url()).toEqual("/databases/first_database/collections/first_collection/documents")
+
+    it "sets the flash error message", ->
+      expect(repeater("aside#alerts .alert").count()).toBe(1)
+      expect(repeater("aside#alerts .alert").column("message.text"))
+        .toEqual(["Document not found"])

data/spec/javascripts/e2e/documents_pagination_scenario.js.coffee

@@ -0,0 +1,33 @@
+describe "documents list page", ->
+  documentsList = null
+
+  beforeEach ->
+    browser().navigateTo("/e2e/load_fixtures")
+    browser().navigateTo("/")
+
+    element("table.databases tbody tr a:contains('first_database')").click()
+    element("table.collections tbody tr a:contains('second_collection')").click()
+
+    documentsList = repeater("table.documents tbody tr")
+
+  describe "pagination", ->
+    it "displays the pager", ->
+      expect(documentsList.count()).toEqual(25)
+      expect(repeater("div.pagination:first li").count()).toEqual(5)
+
+    # TODO extend this spec
+    it "paginate documents", ->
+      element("div.pagination:first li a:contains('Next')").click()
+      expect(documentsList.count()).toEqual(25)
+      expect(browser().location().url())
+        .toBe("/databases/first_database/collections/second_collection/documents?page=2")
+
+      element("div.pagination:first li a:contains('Next')").click()
+      expect(documentsList.count()).toEqual(20)
+      expect(browser().location().url())
+        .toBe("/databases/first_database/collections/second_collection/documents?page=3")
+
+      element("div.pagination:first li a:contains('1')").click()
+      expect(documentsList.count()).toEqual(25)
+      expect(browser().location().url())
+        .toBe("/databases/first_database/collections/second_collection/documents")

data/spec/javascripts/e2e/documents_scenario.js.coffee

@@ -1,4 +1,6 @@
 describe "documents list page", ->
+  documentsList = null
+
   beforeEach ->
     browser().navigateTo("/e2e/load_fixtures")
     browser().navigateTo("/")
@@ -6,13 +8,50 @@ describe "documents list page", ->
     element("table.databases tbody tr a:contains('first_database')").click()
     element("table.collections tbody tr a:contains('first_collection')").click()
 
+    documentsList = repeater("table.documents tbody tr")
+
   it "shows the documents page", ->
     expect(browser().location().url())
-        .toBe("/databases/first_database/collections/first_collection/documents")
+      .toBe("/databases/first_database/collections/first_collection/documents")
 
     title = element("h2").text()
     expect(title).toEqual("first_collection documents")
 
-  it "displays a tab with collection stats", ->
-    element(".tabbable a:contains('Collection stats')").click()
-    expect(repeater("table tbody tr").count()).toBeGreaterThan(0)
+  it "shows the breadcrumbs", ->
+    link = element(".container a.brand")
+    expect(link.text()).toEqual("Mongo Browser")
+    expect(link.attr("href")).toEqual("/")
+
+    dbLink = element(".container .breadcrumbs li:nth-child(1) a")
+    expect(dbLink.text()).toEqual("first_database")
+    expect(dbLink.attr("href")).toEqual("/databases/first_database/collections")
+
+    collectionLink = element(".container .breadcrumbs li:nth-child(2) a")
+    expect(collectionLink.text()).toEqual("first_collection")
+    expect(collectionLink.attr("href"))
+      .toEqual("/databases/first_database/collections/first_collection/documents")
+
+  describe "delete a document", ->
+    beforeEach ->
+      element("table.documents tbody tr:first td:last-child a:contains('Delete')")
+        .click()
+
+      expect(element("div.modal .modal-body").text())
+        .toContain("Are you sure?")
+
+    describe "when the dialog was disposed", ->
+      beforeEach -> disposeDialog()
+
+      it "does nothig", ->
+        expect(documentsList.count()).toBe(2)
+
+    describe "when the dialog was confirmed", ->
+      beforeEach -> confirmDialog()
+
+      it "shows the alert", ->
+        expect(repeater("aside#alerts .alert").count()).toBe(1)
+        expect(repeater("aside#alerts .alert").column("message.text"))
+          .toMatch(/Document \w+ has been deleted./)
+
+      it "deletes a database", ->
+        expect(documentsList.count()).toBe(1)

data/spec/javascripts/e2e/server_info_scenario.js.coffee

@@ -3,10 +3,16 @@ describe "server info page", ->
     browser().navigateTo("/")
     element("a:contains('Server Info')").click()
 
-  it "displays details about the server", ->
+  it "navigates to the valid url", ->
     expect(browser().location().url()).toBe("/server_info")
 
+  it "displays a valid section title", ->
     title = element("h2").text()
     expect(title).toEqual("server info")
 
-    expect(repeater("table tbody tr").count()).toBeGreaterThan(0)
+  it "displays details about the server", ->
+    list = repeater("table tbody tr")
+    expect(list.count()).toBeGreaterThan(0)
+
+    for property in ["version", "gitVersion", "sysInfo", "versionArray", "bits", "debug", "maxBsonObjectSize", "ok"]
+      expect(list.column("property")).toContain(property)

data/spec/javascripts/helpers/mocks.js.coffee

@@ -1,5 +1,7 @@
 # Create a mock for dialogsHandler
 angular.module("mocks", []).config ($provide) ->
+  $provide.value("alertTimeout", 3000)
+
   $provide.factory "dialogsHandler", ->
     confirm: (message, callback) ->
       @callback = callback

data/spec/javascripts/helpers_e2e/dsl.js.coffee

@@ -0,0 +1,20 @@
+dsl = angular.scenario.dsl
+
+# Access to iframe's jQuery, see: https://gist.github.com/1700488
+dsl "appElement", ->
+  (selector, fn) ->
+    @addFutureAction "element " + selector, ($window, $document, done) ->
+      fn.call this, $window.angular.element(selector)
+      done()
+
+dsl "confirmDialog", ->
+  ->
+    @addFutureAction "confirm dialog", ($window, $document, done) ->
+      $window.angular.element("div.bootbox a:contains('OK')").click()
+      done()
+
+dsl "disposeDialog", ->
+  ->
+    @addFutureAction "confirm dialog", ($window, $document, done) ->
+      $window.angular.element("div.bootbox a:contains('Cancel')").click()
+      done()

data/spec/javascripts/lib/angular-mocks.js

@@ -1,5 +1,5 @@
 /**
- * @license AngularJS v1.0.3
+ * @license AngularJS v1.0.7
  * (c) 2010-2012 Google, Inc. http://angularjs.org
  * License: MIT
  *
@@ -202,6 +202,30 @@ angular.mock.$Browser.prototype = {
  * Mock implementation of {@link ng.$exceptionHandler} that rethrows or logs errors passed
  * into it. See {@link ngMock.$exceptionHandlerProvider $exceptionHandlerProvider} for configuration
  * information.
+ *
+ *
+ * <pre>
+ *   describe('$exceptionHandlerProvider', function() {
+ *
+ *     it('should capture log messages and exceptions', function() {
+ *
+ *       module(function($exceptionHandlerProvider) {
+ *         $exceptionHandlerProvider.mode('log');
+ *       });
+ *
+ *       inject(function($log, $exceptionHandler, $timeout) {
+ *         $timeout(function() { $log.log(1); });
+ *         $timeout(function() { $log.log(2); throw 'banana peel'; });
+ *         $timeout(function() { $log.log(3); });
+ *         expect($exceptionHandler.errors).toEqual([]);
+ *         expect($log.assertEmpty());
+ *         $timeout.flush();
+ *         expect($exceptionHandler.errors).toEqual(['banana peel']);
+ *         expect($log.log.logs).toEqual([[1], [2], [3]]);
+ *       });
+ *     });
+ *   });
+ * </pre>
  */
 
 angular.mock.$ExceptionHandlerProvider = function() {
@@ -217,11 +241,11 @@ angular.mock.$ExceptionHandlerProvider = function() {
    *
    * @param {string} mode Mode of operation, defaults to `rethrow`.
    *
-   *   - `rethrow`: If any errors are are passed into the handler in tests, it typically
+   *   - `rethrow`: If any errors are passed into the handler in tests, it typically
    *                means that there is a bug in the application or test, so this mock will
    *                make these tests fail.
-   *   - `log`: Sometimes it is desirable to test that an error is throw, for this case the `log` mode stores the
-   *            error and allows later assertion of it.
+   *   - `log`: Sometimes it is desirable to test that an error is thrown, for this case the `log` mode stores an
+   *            array of errors in `$exceptionHandler.errors`, to allow later assertion of them.
    *            See {@link ngMock.$log#assertEmpty assertEmpty()} and
    *             {@link ngMock.$log#reset reset()}
    */
@@ -298,7 +322,13 @@ angular.mock.$LogProvider = function() {
        * @propertyOf ngMock.$log
        *
        * @description
-       * Array of logged messages.
+       * Array of messages logged using {@link ngMock.$log#log}.
+       *
+       * @example
+       * <pre>
+       * $log.log('Some Log');
+       * var first = $log.log.logs.unshift();
+       * </pre>
        */
       $log.log.logs = [];
       /**
@@ -307,7 +337,13 @@ angular.mock.$LogProvider = function() {
        * @propertyOf ngMock.$log
        *
        * @description
-       * Array of logged messages.
+       * Array of messages logged using {@link ngMock.$log#warn}.
+       *
+       * @example
+       * <pre>
+       * $log.warn('Some Warning');
+       * var first = $log.warn.logs.unshift();
+       * </pre>
        */
       $log.warn.logs = [];
       /**
@@ -316,7 +352,13 @@ angular.mock.$LogProvider = function() {
        * @propertyOf ngMock.$log
        *
        * @description
-       * Array of logged messages.
+       * Array of messages logged using {@link ngMock.$log#info}.
+       *
+       * @example
+       * <pre>
+       * $log.info('Some Info');
+       * var first = $log.info.logs.unshift();
+       * </pre>
        */
       $log.info.logs = [];
       /**
@@ -325,7 +367,13 @@ angular.mock.$LogProvider = function() {
        * @propertyOf ngMock.$log
        *
        * @description
-       * Array of logged messages.
+       * Array of messages logged using {@link ngMock.$log#error}.
+       *
+       * @example
+       * <pre>
+       * $log.log('Some Error');
+       * var first = $log.error.logs.unshift();
+       * </pre>
        */
       $log.error.logs = [];
     };
@@ -406,7 +454,7 @@ angular.mock.$LogProvider = function() {
    *
    * *NOTE*: this is not an injectable instance, just a globally available mock class of `Date`.
    *
-   * Mock of the Date type which has its timezone specified via constroctor arg.
+   * Mock of the Date type which has its timezone specified via constructor arg.
    *
    * The main purpose is to create Date-like instances with timezone fixed to the specified timezone
    * offset, so that we can test code that depends on local timezone settings without dependency on
@@ -561,7 +609,7 @@ angular.mock.$LogProvider = function() {
 
 /**
  * @ngdoc function
- * @name angular.mock.debug
+ * @name angular.mock.dump
  * @description
  *
  * *NOTE*: this is not an injectable instance, just a globally available function.
@@ -629,10 +677,10 @@ angular.mock.dump = function(object) {
  * @ngdoc object
  * @name ngMock.$httpBackend
  * @description
- * Fake HTTP backend implementation suitable for unit testing application that use the
+ * Fake HTTP backend implementation suitable for unit testing applications that use the
  * {@link ng.$http $http service}.
  *
- * *Note*: For fake http backend implementation suitable for end-to-end testing or backend-less
+ * *Note*: For fake HTTP backend implementation suitable for end-to-end testing or backend-less
  * development please see {@link ngMockE2E.$httpBackend e2e $httpBackend mock}.
  *
  * During unit testing, we want our unit tests to run quickly and have no external dependencies so
@@ -744,7 +792,7 @@ angular.mock.dump = function(object) {
    }
 
    // testing controller
-   var $http;
+   var $httpBackend;
 
    beforeEach(inject(function($injector) {
      $httpBackend = $injector.get('$httpBackend');
@@ -1629,7 +1677,7 @@ window.jasmine && (function(window) {
    * @name angular.mock.module
    * @description
    *
-   * *NOTE*: This is function is also published on window for easy access.<br>
+   * *NOTE*: This function is also published on window for easy access.<br>
    * *NOTE*: Only available with {@link http://pivotal.github.com/jasmine/ jasmine}.
    *
    * This function registers a module configuration code. It collects the configuration information
@@ -1663,7 +1711,7 @@ window.jasmine && (function(window) {
    * @name angular.mock.inject
    * @description
    *
-   * *NOTE*: This is function is also published on window for easy access.<br>
+   * *NOTE*: This function is also published on window for easy access.<br>
    * *NOTE*: Only available with {@link http://pivotal.github.com/jasmine/ jasmine}.
    *
    * The inject function wraps a function into an injectable function. The inject() creates new
@@ -1729,7 +1777,7 @@ window.jasmine && (function(window) {
         try {
           injector.invoke(blockFns[i] || angular.noop, this);
         } catch (e) {
-          if(e.stack) e.stack +=  '\n' + errorForStack.stack;
+          if(e.stack && errorForStack) e.stack +=  '\n' + errorForStack.stack;
           throw e;
         } finally {
           errorForStack = null;