1 files changed, 35 insertions, 0 deletions
diff --git a/qa/qa/page/component/delete_modal.rb b/qa/qa/page/component/delete_modal.rb
new file mode 100644
index 00000000000..18bb2b1bb1b
--- /dev/null
+++ b/qa/qa/page/component/delete_modal.rb
@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module QA
+  module Page
+    module Component
+      module DeleteModal
+        extend QA::Page::PageConcern
+
+        def self.included(base)
+          super
+
+          base.view 'app/assets/javascripts/projects/components/shared/delete_button.vue' do
+            element :confirm_name_field
+            element :confirm_delete_button
+          end
+        end
+
+        def fill_confirmation_path(text)
+          fill_element(:confirm_name_field, text)
+        end
+
+        def wait_for_delete_button_enabled
+          wait_until(reload: false) do
+            !find_element(:confirm_delete_button).disabled?
+          end
+        end
+
+        def confirm_delete
+          wait_for_delete_button_enabled
+          click_element(:confirm_delete_button)
+        end
+      end
+    end
+  end
+end