Added E2E test for Secure group security dashboard

Added an end to end test verifying the Secure group security dashboard.

Also added necessary selectors and page objects to support this test.

Renamed the project reports test file to security_reports_spec.

ee/app/assets/javascripts/security_dashboard/components/filter.vue

@@ -36,6 +36,9 @@ export default {
         option.name.toLowerCase().includes(this.filterTerm.toLowerCase()),
       );
     },
+    qaSelector() {
+      return `filter_${this.filter.name.toLowerCase().replace(' ', '_')}_dropdown`;
+    },
   },
   methods: {
     ...mapActions('filters', ['setFilter']),
@@ -60,7 +63,7 @@ export default {
     <strong class="js-name">{{ filter.name }}</strong>
     <gl-dropdown ref="dropdown" class="d-block mt-1" menu-class="dropdown-extended-height">
       <template slot="button-content">
-        <span class="text-truncate">
+        <span class="text-truncate" :data-qa-selector="qaSelector">
           {{ selectedOptionText.firstOption }}
         </span>
         <span v-if="selectedOptionText.extraOptionCount" class="flex-grow-1 ml-1">
@@ -91,7 +94,10 @@ export default {
         :placeholder="__('Filter...')"
       />
 
-      <div :class="{ 'dropdown-content': filterId === 'project_id' }">
+      <div
+        data-qa-selector="filter_dropdown_content"
+        :class="{ 'dropdown-content': filterId === 'project_id' }"
+      >
         <button
           v-for="option in filteredOptions"
           :key="option.id"

ee/app/views/layouts/nav/ee/_security_link.html.haml

 - if @group.feature_available?(:security_dashboard)
   = nav_link(path: 'groups/security/dashboard#show') do
-    = link_to group_security_dashboard_path(@group), title: _('Security') do
+    = link_to group_security_dashboard_path(@group), title: _('Security'), data: { qa_selector: 'security_dashboard_link' } do
       .nav-icon-container
         = sprite_icon('shield')
       %span.nav-item-name

qa/qa/ee.rb

@@ -106,6 +106,10 @@ module QA
           autoload :Show, 'qa/ee/page/group/epic/show'
           autoload :Edit, 'qa/ee/page/group/epic/edit'
         end
+
+        module Secure
+          autoload :Show, 'qa/ee/page/group/secure/show'
+        end
       end
     end
 

qa/qa/ee/page/group/menu.rb

@@ -21,6 +21,10 @@ module QA
             element :group_epics_link
           end
 
+          view 'ee/app/views/layouts/nav/ee/_security_link.html.haml' do
+            element :security_dashboard_link
+          end
+
           def go_to_saml_sso_group_settings
             hover_settings do
               within_submenu do
@@ -49,6 +53,12 @@ module QA
             end
           end
 
+          def click_group_security_link
+            within_sidebar do
+              click_element(:security_dashboard_link)
+            end
+          end
+
           private
 
           def hover_settings

qa/qa/ee/page/group/secure/show.rb

+# frozen_string_literal: true
+
+module QA
+  module EE
+    module Page
+      module Group::Secure
+        class Show < QA::Page::Base
+          view 'ee/app/assets/javascripts/security_dashboard/components/vulnerability_count.vue' do
+            element :vulnerability_count, ':data-qa-selector="qaSelector"' # rubocop:disable QA/ElementWithPattern
+          end
+
+          view 'ee/app/assets/javascripts/security_dashboard/components/filter.vue' do
+            element :filter_dropdown, ':data-qa-selector="qaSelector"' # rubocop:disable QA/ElementWithPattern
+            element :filter_dropdown_content
+          end
+
+          def filter_project(project)
+            find_element(:filter_project_dropdown).click
+            within_element(:filter_dropdown_content) do
+              click_on project
+            end
+          end
+
+          def has_low_vulnerability_count_of?(expected)
+            find_element(:vulnerability_count_low).has_content?(expected)
+          end
+        end
+      end
+    end
+  end
+end

qa/qa/specs/features/ee/browser_ui/secure/project_security_dashboard_spec.rb → qa/qa/specs/features/ee/browser_ui/secure/security_reports_spec.rb

@@ -9,7 +9,7 @@ module QA
       Page::Main::Login.perform(&:sign_in_using_credentials)
     end
 
-    describe 'Security Reports in project security dashboard' do
+    describe 'Security Reports' do
       after do
         Service::Runner.new(@executor).remove!
       end
@@ -71,6 +71,17 @@ module QA
           expect(dashboard).to have_low_vulnerability_count_of "1"
         end
       end
+
+      it 'displays the Dependency Scanning report in the group security dashboard' do
+        Page::Main::Menu.perform { |page| page.go_to_groups }
+        Page::Dashboard::Groups.perform { |page| page.click_group(@project.group.path) }
+        EE::Page::Group::Menu.perform { |page| page.click_group_security_link }
+
+        EE::Page::Group::Secure::Show.perform do |dashboard|
+          dashboard.filter_project(@project.name)
+          expect(dashboard).to have_low_vulnerability_count_of "1"
+        end
+      end
     end
   end
 end