Fixes #61 - Order by timestamps with tests

index.html

@@ -33,7 +33,7 @@
             <div id='contacts'></div>
         </div>
         <script type='text/x-tmpl-mustache' id='conversation'>
-            <div class='discussion-container'></ul>
+            <div class='discussion-container'></div>
             <div class='send-message-area'>
                 <div class='message-composer'>
                     <form class='send'>

js/models/threads.js

@@ -61,7 +61,11 @@ var Whisper = Whisper || {};
   Whisper.Threads = new (Backbone.Collection.extend({
     localStorage: new Backbone.LocalStorage("Threads"),
     model: Thread,
-    comparator: 'timestamp',
+
+    comparator: function(m) {
+      return -m.get('timestamp');
+    },
+
     findOrCreate: function(attributes) {
       var thread = Whisper.Threads.add(attributes, {merge: true});
       thread.save();
@@ -112,5 +116,6 @@ var Whisper = Whisper || {};
       }
       return this.findOrCreate(attributes);
     }
+
   }))();
 })();

test/test_views.html

@@ -149,7 +149,8 @@
 
 	<script type="text/javascript" src="test.js"></script>
 	<script type="text/javascript" src="views/message_view_test.js"></script>
-	<script type="text/javascript" src="views/list_view_test.js"></script>
+  <script type="text/javascript" src="views/list_view_test.js"></script>
+	<script type="text/javascript" src="views/threads_test.js"></script>
 
 
 </body>

test/views/threads_test.js

@@ -0,0 +1,22 @@
+describe('Threads', function() {
+
+  it('should be ordered newest to oldest', function() {
+    // Timestamps
+    var today = new Date();
+    var tomorrow = new Date();
+    tomorrow.setDate(today.getDate()+1);
+
+    // Add threads
+    Whisper.Threads.add({ timestamp: today });
+    Whisper.Threads.add({ timestamp: tomorrow });
+
+    var models = Whisper.Threads.models;
+    var firstTimestamp = models[0].get('timestamp').getTime();
+    var secondTimestamp = models[1].get('timestamp').getTime();
+
+    // Compare timestamps
+    assert(firstTimestamp > secondTimestamp);
+  });
+
+
+});