Merge branch '334211-hand-raise-lead-component-flag' into 'master'

Hand raise lead modal placeholder

See merge request gitlab-org/gitlab!71838

ee/app/views/shared/billings/_billing_plan.html.haml

@@ -66,6 +66,9 @@
       - show_upgrade_button = show_upgrade_button?(purchase_link.action, plan_offer_type)
       .gl-min-h-7.gl-display-flex.gl-flex-wrap.gl-justify-content-end
         - if show_contact_sales_button?(purchase_link.action, plan_offer_type)
-          = link_to s_('BillingPlan|Contact sales'), "#{contact_sales_url}?test=inappcontactsales#{plan.code}", class: ["btn gl-button", show_upgrade_button ? "btn-success-secondary" : "btn-success"], data: { 'track-action': 'click_button', 'track-label': 'contact_sales', 'track-property': plan.code }
+          - if Feature.enabled?(:in_app_hand_raise_pql, namespace)
+            .js-hand-raise-lead-button{ data: { namespace_id: namespace.id, user_name: current_user.username } }
+          - else
+            = link_to s_('BillingPlan|Contact sales'), "#{contact_sales_url}?test=inappcontactsales#{plan.code}", class: ["btn gl-button", show_upgrade_button ? "btn-success-secondary" : "btn-success"], data: { 'track-action': 'click_button', 'track-label': 'contact_sales', 'track-property': plan.code }
         - if show_upgrade_button
           = link_to upgrade_button_text(plan_offer_type), plan_purchase_or_upgrade_url(namespace, plan), class: ["btn btn-success gl-button", upgrade_button_css_classes(namespace, plan, is_current), "gl-ml-3"], data: { 'track-action': 'click_button', 'track-label': 'upgrade', 'track-property': plan.code, qa_selector: "upgrade_to_#{plan.code}" }

ee/spec/features/billings/billing_plans_spec.rb

@@ -64,15 +64,31 @@ RSpec.describe 'Billing plan pages', :feature, :js do
   end
 
   shared_examples 'can contact sales' do
-    before do
-      visit page_path
+    context 'with in app hand raise feature flag off' do
+      before do
+        stub_feature_flags(in_app_hand_raise_pql: false)
+        visit page_path
+      end
+
+      it 'displays the contact sales link' do
+        # see ApplicationHelper#contact_sales_url
+        contact_sales_url = "https://#{ApplicationHelper.promo_host}/sales"
+        page.within('.content') do
+          expect(page).to have_link('Contact sales', href: %r{#{contact_sales_url}\?test=inappcontactsales(bronze|premium|gold)})
+        end
+      end
     end
 
-    it 'displays the contact sales link' do
-      # see ApplicationHelper#contact_sales_url
-      contact_sales_url = "https://#{ApplicationHelper.promo_host}/sales"
-      page.within('.content') do
-        expect(page).to have_link('Contact sales', href: %r{#{contact_sales_url}\?test=inappcontactsales(bronze|premium|gold)})
+    context 'with in app hand raise feature flag on' do
+      before do
+        stub_feature_flags(in_app_hand_raise_pql: namespace)
+        visit page_path
+      end
+
+      it 'displays the in-app hand raise lead' do
+        page.within('.content') do
+          expect(page).to have_selector(".js-hand-raise-lead-button[data-namespace-id='#{namespace.id}'][data-user-name='#{user.username}']", visible: false)
+        end
       end
     end
   end