fixes project_group_links spec by adding click tab event

app/assets/stylesheets/pages/members.scss

@@ -13,6 +13,7 @@
     &.active {
       background: $white-light;
     }
+
     &:first-child {
       border-right: 1px solid $border-color;
     }

app/views/projects/project_members/_index.html.haml

@@ -18,10 +18,10 @@
       - if can?(current_user, :admin_project_member, @project)
         %ul.nav-links.project-member-tabs{ role: 'tablist' }
           %li.active{ role: 'presentation' }
-            %a{ href: '#add-member-pane', data: { toggle: 'tab' }, role: 'tab' } Add member
+            %a{ href: '#add-member-pane', id: 'add-member-tab', data: { toggle: 'tab' }, role: 'tab' } Add member
           - if @project.allowed_to_share_with_group?
             %li{ role: 'presentation' }
-              %a{ href: '#share-with-group-pane', data: { toggle: 'tab' }, role: 'tab' } Share with group
+              %a{ href: '#share-with-group-pane', id: 'share-with-group-tab', data: { toggle: 'tab' }, role: 'tab' } Share with group
 
         .tab-content.project-member-tab-content
           .tab-pane.active{ id: 'add-member-pane', role: 'tabpanel' }

features/steps/project/project_group_links.rb

@@ -5,18 +5,19 @@ class Spinach::Features::ProjectGroupLinks < Spinach::FeatureSteps
   include Select2Helper
 
   step 'I should see project already shared with group "Ops"' do
-    page.within '.enabled-groups' do
+    page.within '.project-members-groups' do
       expect(page).to have_content "Ops"
     end
   end
 
   step 'I should see project is not shared with group "Market"' do
-    page.within '.enabled-groups' do
+    page.within '.project-members-groups' do
       expect(page).not_to have_content "Market"
     end
   end
 
   step 'I select group "Market" for share' do
+    click_link 'Share with group'
     group = Group.find_by(path: 'market')
     select2(group.id, from: "#link_group_id")
     select "Master", from: 'link_group_access'
@@ -24,7 +25,7 @@ class Spinach::Features::ProjectGroupLinks < Spinach::FeatureSteps
   end
 
   step 'I should see project is shared with group "Market"' do
-    page.within '.enabled-groups' do
+    page.within '.project-members-groups' do
       expect(page).to have_content "Market"
     end
   end

spec/features/projects/group_links_spec.rb

@@ -16,6 +16,8 @@ feature 'Project group links', :feature, :js do
     before do
       visit namespace_project_settings_members_path(project.namespace, project)
 
+      click_on 'share-with-group-tab'
+
       select2 group.id, from: '#link_group_id'
       fill_in 'expires_at_groups', with: (Time.current + 4.5.days).strftime('%Y-%m-%d')
       page.find('body').click
@@ -23,7 +25,7 @@ feature 'Project group links', :feature, :js do
     end
 
     it 'shows the expiration time with a warning class' do
-      page.within('.enabled-groups') do
+      page.within('.project-members-groups') do
         expect(page).to have_content('expires in 4 days')
         expect(page).to have_selector('.text-warning')
       end
@@ -43,6 +45,7 @@ feature 'Project group links', :feature, :js do
     it 'does not show ancestors', :nested_groups do
       visit namespace_project_settings_members_path(project.namespace, project)
 
+      click_on 'share-with-group-tab'
       click_link 'Search for a group'
 
       page.within '.select2-drop' do