Fix sidebar flyout navigation

Show flyout nav for active item when collapsed.

1 files changed, 37 insertions, 0 deletions

diff --git a/spec/features/contextual_sidebar_spec.rb b/spec/features/contextual_sidebar_spec.rb
new file mode 100644
index 00000000000..88da1b7966b
--- /dev/null
+++ b/spec/features/contextual_sidebar_spec.rb
@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+require 'spec_helper'
+
+describe 'Contextual sidebar', :js do
+  let(:user) { create(:user) }
+  let(:project) { create(:project) }
+
+  before do
+    project.add_maintainer(user)
+    sign_in(user)
+
+    visit project_path(project)
+  end
+
+  it 'shows flyout navs when collapsed or expanded apart from on the active item when expanded' do
+    expect(page).not_to have_selector('.js-sidebar-collapsed')
+
+    find('.qa-link-pipelines').hover
+
+    expect(page).to have_selector('.is-showing-fly-out')
+
+    find('.qa-link-project').hover
+
+    expect(page).not_to have_selector('.is-showing-fly-out')
+
+    find('.qa-toggle-sidebar').click
+
+    find('.qa-link-pipelines').hover
+
+    expect(page).to have_selector('.is-showing-fly-out')
+
+    find('.qa-link-project').hover
+
+    expect(page).to have_selector('.is-showing-fly-out')
+  end
+end