Select and view the newest email if "autoselect" checkbox is turned on

assets/javascripts/mailcatcher.js.coffee

@@ -178,6 +178,9 @@ class MailCatcher
   selectedMessage: ->
     $("#messages tr.selected").data "message-id"
 
+  autoselectLatestMessage: ->
+    $("input[name='autoselect']").attr('checked') == true
+
   searchMessages: (query) ->
     selector = (":icontains('#{token}')" for token in query.split /\s+/).join("")
     $rows = $("#messages tbody tr")
@@ -298,6 +301,8 @@ class MailCatcher
     @websocket = new WebSocket("#{protocol}://#{window.location.host}/messages")
     @websocket.onmessage = (event) =>
       @addMessage $.parseJSON event.data
+      if @autoselectLatestMessage()
+        @loadMessage $("#messages tbody tr[data-message-id]:first").data("message-id")
 
   subscribePoll: ->
     unless @refreshInterval?

assets/stylesheets/mailcatcher.css.sass

@@ -255,3 +255,7 @@ iframe
   -webkit-box-flex: 1
   box-flex: 1
   background: #fff
+
+.autoselect-checkbox
+  padding: 0
+  margin: 0 4px 0 0

spec/acceptance_spec.rb

@@ -58,6 +58,14 @@ def message_row_element
     messages_element.find_element(:xpath, ".//table/tbody/tr[1]")
   end
 
+  def message_selected_row_element
+    begin
+      messages_element.find_element(:css, "table tbody tr.selected")
+    rescue Selenium::WebDriver::Error::NoSuchElementError
+      return nil
+    end
+  end
+
   def message_from_element
     message_row_element.find_element(:xpath, ".//td[1]")
   end
@@ -70,6 +78,11 @@ def message_subject_element
     message_row_element.find_element(:xpath, ".//td[3]")
   end
 
+  def selected_message_subject_element
+    # if not found, message_selected_row_element returns nil... and it goes wonky from there
+    message_selected_row_element.find_element(:xpath, ".//td[3]")
+  end
+
   def message_received_element
     message_row_element.find_element(:xpath, ".//td[4]")
   end
@@ -224,4 +237,20 @@ def body_element
 
     skip
   end
+
+  it "selected newest mail when autoselect checkbox is on" do
+    deliver_example("plainmail")
+    message_selected_row_element.must_be_nil
+
+    # turn on the autoselect
+    selenium.find_element(:css, "input[name='autoselect']").click
+
+    # send first email
+    deliver_example("plainmail")
+    selected_message_subject_element.text.must_equal "Plain mail"
+
+    # send another
+    deliver_example("htmlmail")
+    selected_message_subject_element.text.must_equal "Test HTML Mail"
+  end
 end

views/index.erb

@@ -11,6 +11,7 @@
     <h1><a href="http://mailcatcher.me" target="_blank">MailCatcher</a></h1>
     <nav class="app">
       <ul>
+        <li class="autoselect"><a href="#" title="Select incoming email"><label><input type="checkbox" name="autoselect" class="autoselect-checkbox">Autoselect</label></a></li>
         <li class="search"><input type="search" name="search" placeholder="Search messages..." incremental="true" /></li>
         <li class="clear"><a href="#" title="Clear all messages">Clear</a></li>
         <% if MailCatcher.quittable? %>