styled more of Most Recent applet, allowing for scrolling of 36 most recent events and Load More link

src/apps/billboard/tests/integrated/test_billboard_views.py

@@ -53,6 +53,30 @@ class BillboardViewTest(TestCase):
         self.assertEqual(response.context["recent_room"], room)
         self.assertEqual(len(response.context["recent_events"]), 1)
 
+    def test_recent_events_capped_at_36(self):
+        room = Room.objects.create(name="Test Room", owner=self.user)
+        for i in range(40):
+            record(
+                room, GameEvent.SLOT_FILLED, actor=self.user,
+                slot_number=1, token_type="coin",
+                token_display="Coin-on-a-String", renewal_days=7,
+            )
+        response = self.client.get("/billboard/")
+        self.assertEqual(len(response.context["recent_events"]), 36)
+
+    def test_recent_events_in_chronological_order(self):
+        room = Room.objects.create(name="Test Room", owner=self.user)
+        for _ in range(3):
+            record(
+                room, GameEvent.SLOT_FILLED, actor=self.user,
+                slot_number=1, token_type="coin",
+                token_display="Coin-on-a-String", renewal_days=7,
+            )
+        response = self.client.get("/billboard/")
+        events = response.context["recent_events"]
+        timestamps = [e.timestamp for e in events]
+        self.assertEqual(timestamps, sorted(timestamps))
+
     def test_recent_room_is_none_when_no_events(self):
         response = self.client.get("/billboard/")
         self.assertIsNone(response.context["recent_room"])