JSify all the things!jsify

1 files changed, 64 insertions, 0 deletions

diff --git a/spec/javascripts/right_sidebar_spec.js b/spec/javascripts/right_sidebar_spec.js
new file mode 100644
index 00000000000..70c65c3c622
--- /dev/null
+++ b/spec/javascripts/right_sidebar_spec.js
@@ -0,0 +1,64 @@
+
+/*= require right_sidebar */
+
+/*= require jquery */
+
+/*= require jquery.cookie */
+var $aside, $icon, $labelsIcon, $page, $toggle, assertSidebarState;
+
+this.sidebar = null;
+
+$aside = null;
+
+$toggle = null;
+
+$icon = null;
+
+$page = null;
+
+$labelsIcon = null;
+
+assertSidebarState = function(state) {
+  var shouldBeCollapsed, shouldBeExpanded;
+  shouldBeExpanded = state === 'expanded';
+  shouldBeCollapsed = state === 'collapsed';
+  expect($aside.hasClass('right-sidebar-expanded')).toBe(shouldBeExpanded);
+  expect($page.hasClass('right-sidebar-expanded')).toBe(shouldBeExpanded);
+  expect($icon.hasClass('fa-angle-double-right')).toBe(shouldBeExpanded);
+  expect($aside.hasClass('right-sidebar-collapsed')).toBe(shouldBeCollapsed);
+  expect($page.hasClass('right-sidebar-collapsed')).toBe(shouldBeCollapsed);
+  return expect($icon.hasClass('fa-angle-double-left')).toBe(shouldBeCollapsed);
+};
+
+describe('RightSidebar', function() {
+  fixture.preload('right_sidebar.html');
+  beforeEach(function() {
+    fixture.load('right_sidebar.html');
+    this.sidebar = new Sidebar;
+    $aside = $('.right-sidebar');
+    $page = $('.page-with-sidebar');
+    $icon = $aside.find('i');
+    $toggle = $aside.find('.js-sidebar-toggle');
+    return $labelsIcon = $aside.find('.sidebar-collapsed-icon');
+  });
+  it('should expand the sidebar when arrow is clicked', function() {
+    $toggle.click();
+    return assertSidebarState('expanded');
+  });
+  it('should collapse the sidebar when arrow is clicked', function() {
+    $toggle.click();
+    assertSidebarState('expanded');
+    $toggle.click();
+    return assertSidebarState('collapsed');
+  });
+  it('should float over the page and when sidebar icons clicked', function() {
+    $labelsIcon.click();
+    return assertSidebarState('expanded');
+  });
+  return it('should collapse when the icon arrow clicked while it is floating on page', function() {
+    $labelsIcon.click();
+    assertSidebarState('expanded');
+    $toggle.click();
+    return assertSidebarState('collapsed');
+  });
+});