diff --git a/spec/MainSpec.js b/spec/MainSpec.js
index d5b13d3a2..c34582ba1 100644
--- a/spec/MainSpec.js
+++ b/spec/MainSpec.js
@@ -62,9 +62,9 @@
                 expect(this.rosterview.$el.is(':visible')).toEqual(false);
             }, xmppchat));
 
-            it("can be opened by clicking a DOM element with id 'toggle-online-users'", $.proxy(function () {
+            it("can be opened by clicking a DOM element with class 'toggle-online-users'", $.proxy(function () {
                 spyOn(this, 'toggleControlBox').andCallThrough();
-                $('#toggle-online-users').click();
+                $('.toggle-online-users').click();
                 expect(this.toggleControlBox).toHaveBeenCalled();
             }, xmppchat));
 
diff --git a/tests.html b/tests.html
index 76fac3a6c..6584eadb1 100644
--- a/tests.html
+++ b/tests.html
@@ -24,7 +24,7 @@
     <div id="chatpanel">
         <div id="collective-xmpp-chat-data"></div>
         <div id="toggle-controlbox">
-            <a href="#" class="chat" id="toggle-online-users">
+            <a href="#" class="chat toggle-online-users">
                 <span class="conn-feedback">Click here to chat</span> <strong style="display: none" id="online-count">(0)</strong>
             </a>
         </div>