Merge branch 'g353714-use-data-testid' into 'master'

Adds data-qa-selector and updates page object to reference it

See merge request gitlab-org/gitlab!81592

ee/app/assets/javascripts/operations/components/dashboard/project_header.vue

@@ -77,6 +77,7 @@ export default {
       :title="title"
       :aria-label="title"
       icon="remove"
+      data-qa-selector="remove_project_button"
       data-testid="remove-project-button"
       @click="onRemove"
     />

qa/qa/ee/page/operations_dashboard.rb

@@ -16,6 +16,10 @@ module QA
           element :dashboard_project_card
         end
 
+        view 'ee/app/assets/javascripts/operations/components/dashboard/project_header.vue' do
+          element :remove_project_button
+        end
+
         def add_project(project_name)
           open_add_project_modal
 
@@ -27,8 +31,8 @@ module QA
         end
 
         def remove_all_projects
-          project_cards.each do |card|
-            card.find('button.btn.js-remove-button').click
+          remove_project_buttons.each do |button|
+            button.click
           end
         end
 
@@ -53,6 +57,10 @@ module QA
           all_elements(:dashboard_project_card, minimum: 1)
         end
 
+        def remove_project_buttons
+          all_elements(:remove_project_button, minimum: 1)
+        end
+
         def within_add_projects_modal
           within_element(:add_projects_modal) do
             yield