Merge branch '300838-e2e-view-alerts-list' into 'master'

Create end-to-end for threat monitoring alerts

See merge request gitlab-org/gitlab!60767

ee/app/assets/javascripts/threat_monitoring/components/alerts/alerts_list.vue

@@ -200,6 +200,7 @@ export default {
 
     <gl-table
       class="alert-management-table"
+      data-qa-selector="alerts_list"
       :busy="isLoadingFirstAlerts"
       :items="alerts"
       :fields="$options.i18n.FIELDS"

ee/app/assets/javascripts/threat_monitoring/components/app.vue

@@ -87,7 +87,11 @@ export default {
     </header>
 
     <gl-tabs content-class="gl-pt-0">
-      <gl-tab :title="s__('ThreatMonitoring|Alerts')" data-testid="threat-monitoring-alerts-tab">
+      <gl-tab
+        :title="s__('ThreatMonitoring|Alerts')"
+        data-testid="threat-monitoring-alerts-tab"
+        data-qa-selector="alerts_tab"
+      >
         <alerts />
       </gl-tab>
       <gl-tab ref="networkPolicyTab" :title="s__('ThreatMonitoring|Policies')">

qa/qa/ee.rb

@@ -181,6 +181,10 @@ module QA
         module Job
           autoload :Show, 'qa/ee/page/project/job/show'
         end
+
+        module ThreatMonitoring
+          autoload :AlertsList, 'qa/ee/page/project/threat_monitoring/alerts_list'
+        end
       end
 
       module MergeRequest

qa/qa/ee/page/project/sub_menus/security_compliance.rb

@@ -22,6 +22,14 @@ module QA
               end
             end
 
+            def click_on_threat_monitoring
+              hover_security_compliance do
+                within_submenu do
+                  click_element(:sidebar_menu_item_link, menu_item: 'Threat Monitoring')
+                end
+              end
+            end
+
             def click_on_vulnerability_report
               hover_security_compliance do
                 within_submenu do

qa/qa/ee/page/project/threat_monitoring/alerts_list.rb

+# frozen_string_literal: true
+
+module QA
+  module EE
+    module Page
+      module Project
+        module ThreatMonitoring
+          class AlertsList < QA::Page::Base
+            view 'ee/app/assets/javascripts/threat_monitoring/components/app.vue' do
+              element :alerts_tab
+            end
+
+            view 'ee/app/assets/javascripts/threat_monitoring/components/alerts/alerts_list.vue' do
+              element :alerts_list
+            end
+
+            def has_alerts_tab?
+              has_element?(:alerts_tab)
+            end
+
+            def has_alerts_list?
+              has_element?(:alerts_list)
+            end
+          end
+        end
+      end
+    end
+  end
+end

qa/qa/specs/features/ee/browser_ui/10_protect/policy_list_spec.rb

+# frozen_string_literal: true
+
+module QA
+  RSpec.describe 'Protect' do
+    describe 'Threat Monitoring Policy List page' do
+      let(:project) do
+        Resource::Project.fabricate_via_api! do |project|
+          project.name = Runtime::Env.auto_devops_project_name || 'project-with-protect'
+          project.description = 'Project with Protect'
+          project.auto_devops_enabled = false
+          project.initialize_with_readme = true
+        end
+      end
+
+      before do
+        Flow::Login.sign_in
+
+        project.visit!
+      end
+
+      it 'can load Threat Monitoring page and view the policy alert list', testcase: 'https://gitlab.com/gitlab-org/quality/testcases/-/issues/1786' do
+        Page::Project::Menu.perform(&:click_on_threat_monitoring)
+
+        EE::Page::Project::ThreatMonitoring::AlertsList.perform do |alerts_list|
+          expect(alerts_list).to have_alerts_tab
+          expect(alerts_list).to have_alerts_list
+        end
+      end
+    end
+  end
+end