LG-14290- Add step indicator to How To Verify View (#11298)

* Add step indicator to how to verify view

* changelog: User-Facing Improvements, In-person proofing, Add step indicator to how to verify view

app/views/idv/how_to_verify/show.html.erb

@@ -1,4 +1,14 @@
+<% content_for(:pre_flash_content) do %>
+  <%= render StepIndicatorComponent.new(
+        steps: Idv::StepIndicatorConcern::STEP_INDICATOR_STEPS,
+        current_step: :getting_started,
+        locale_scope: 'idv',
+        class: 'margin-x-neg-2 margin-top-neg-4 tablet:margin-x-neg-6 tablet:margin-top-neg-4',
+      ) %>
+<% end %>
+
 <% self.title = t('doc_auth.headings.how_to_verify') %>
+
 <%= render PageHeadingComponent.new.with_content(t('doc_auth.headings.how_to_verify')) %>
 
 <% if defined?(error) %>

spec/views/idv/agreement/show.html.erb_spec.rb

@@ -25,6 +25,13 @@
     expect(rendered).to have_css(selector)
   end
 
+  it 'renders a step indicator with Getting started as the current step' do
+    expect(view.content_for(:pre_flash_content)).to have_css(
+      '.step-indicator__step--current',
+      text: t('step_indicator.flows.idv.getting_started'),
+    )
+  end
+
   it 'renders a link to the privacy & security page' do
     expect(rendered).to have_link(
       t('doc_auth.instructions.learn_more'),

spec/views/idv/how_to_verify/show.html.erb_spec.rb

@@ -18,6 +18,13 @@
     end
 
     context 'renders the show template with' do
+      it('a step indicator with Getting started as the current step') do
+        expect(view.content_for(:pre_flash_content)).to have_css(
+          '.step-indicator__step--current',
+          text: t('step_indicator.flows.idv.getting_started'),
+        )
+      end
+
       it 'a title' do
         expect(rendered).to have_content(t('doc_auth.headings.how_to_verify'))
       end
@@ -65,6 +72,13 @@
     end
 
     context 'renders the show template with' do
+      it('a step indicator with Getting started as the current step') do
+        expect(view.content_for(:pre_flash_content)).to have_css(
+          '.step-indicator__step--current',
+          text: t('step_indicator.flows.idv.getting_started'),
+        )
+      end
+
       it 'a title' do
         expect(rendered).to have_content(t('doc_auth.headings.how_to_verify'))
       end