diff --git a/ui/tests/index.html b/ui/tests/index.html
index d0bad669631..8a3ec5962f6 100644
--- a/ui/tests/index.html
+++ b/ui/tests/index.html
@@ -77,5 +77,6 @@
     <!-- Tests -->
     <script src="test.core.js" type="text/javascript"></script>
     <script src="test.cloudBrowser.js" type="text/javascript"></script>
+    <script src="test.notifications.js" type="text/javascript"></script>
   </body>
 </html> 
diff --git a/ui/tests/test.notifications.js b/ui/tests/test.notifications.js
new file mode 100644
index 00000000000..bcb58763c7b
--- /dev/null
+++ b/ui/tests/test.notifications.js
@@ -0,0 +1,19 @@
+(function($) {
+  var $notifications;
+
+  module('Notifications', {
+    setup: function() {
+      $.fx.off = true;
+      
+      $notifications = $('<div>');
+      ok($notifications.notifications(), 'Initialize notifications widget');
+    }
+  });
+
+  test('Widget setup', function() {
+    var $notificationBox = $('html body > .notification-box');
+
+    ok($notifications.hasClass('notifications'), 'Correct styling assigned');
+    equal($notificationBox.size(), 1, 'Notification box present');
+  });
+}(jQuery));