2 files changed, 37 insertions, 0 deletions
diff --git a/web-ui/test/spec/user_settings/ui/user_settings_box.spec.js b/web-ui/test/spec/user_settings/ui/user_settings_box.spec.js
new file mode 100644
index 00000000..d5919ca7
--- /dev/null
+++ b/web-ui/test/spec/user_settings/ui/user_settings_box.spec.js
@@ -0,0 +1,24 @@
+describeComponent('user_settings/ui/user_settings_box', function () {
+  'use strict';
+
+  beforeEach(function () {
+    Pixelated.mockBloodhound();
+    this.setupComponent();
+    this.component.render(null, {});
+  });
+
+  it('is extra high when the logout button is present', function() {
+    var features = require('features');
+    spyOn(features, 'isLogoutEnabled').and.returnValue(true);
+
+    expect(this.$node.hasClass('extra-bottom-space')).toBe(true);
+  });
+
+  it('destroy it self when the close button is clicked', function () {
+    var destroyEvent = spyOnEvent(document, Pixelated.events.userSettings.destroyPopup);
+
+    this.$node.find('.fa-close').click();
+
+    expect(destroyEvent).toHaveBeenTriggeredOn(document);
+  });
+});
diff --git a/web-ui/test/spec/user_settings/ui/user_settings_icon.spec.js b/web-ui/test/spec/user_settings/ui/user_settings_icon.spec.js
new file mode 100644
index 00000000..b06cf033
--- /dev/null
+++ b/web-ui/test/spec/user_settings/ui/user_settings_icon.spec.js
@@ -0,0 +1,13 @@
+describeComponent('user_settings/ui/user_settings_icon', function () {
+  'use strict';
+
+  beforeEach(function () {
+    this.setupComponent();
+  });
+
+  it('toggles the user settings box when clicked', function () {
+    var toggleEvent = spyOnEvent(document, Pixelated.events.ui.userSettingsBox.toggle);
+    this.$node.click();
+    expect(toggleEvent).toHaveBeenTriggeredOn(document);
+  });
+});