Dm 3592 anchor tags

app/assets/javascripts/_page_show.es6

@@ -93,14 +93,27 @@ const COMPONENT_CLASSES = [
         });
     }
 
+    function chromeWorkaroundForAnchorTags(){
+        var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
+        if (window.location.hash && isChrome) {
+            setTimeout(function () {
+                var hash = window.location.hash;
+                window.location.hash = "";
+                window.location.hash = hash;
+            }, 300);
+        }
+    }
+
+
+
     function execPageBuilderFunctions() {
         browsePageBuilderPageHappy();
         removeBottomMarginFromLastAccordionHeading();
         containerizeSubpageHyperlinkCards();
         remediateInternalLinksTarget();
         identifyExternalLinks();
+        chromeWorkaroundForAnchorTags();
     }
 
     $document.on('turbolinks:load', execPageBuilderFunctions);
-})(window.jQuery);
-
+})(window.jQuery);

app/views/page/show.html.erb

@@ -5,9 +5,8 @@
   <%= javascript_include_tag 'ie', 'data-turbolinks-track': 'reload' %>
   <%= javascript_include_tag '_page_show', 'data-turbolinks-track': 'reload' %>
 <% end %>
-
+<% accordion_ctr = 0 %>
 <% page_narrow_classes = 'desktop:grid-col-8 margin-x-auto' if @page.narrow? %>
-
 <div id="page-builder-page" class="margin-top-5">
   <section class="grid-container">
     <div class="dm-page-content">
@@ -56,7 +55,8 @@
 
           <%# Accordion %>
         <% when 'PageAccordionComponent' %>
-          <div class="page-accordion-component <%= page_narrow_classes %> margin-bottom-3<%= ' margin-bottom-0' if last_component === index %>">
+          <% accordion_ctr += 1 %>
+          <div id="accordion_anchor_<%= accordion_ctr %>" class="page-accordion-component <%= page_narrow_classes %> margin-bottom-3<%= ' margin-bottom-0' if last_component === index %>">
             <div class="usa-accordion">
               <h2 class="usa-accordion__heading margin-bottom-2">
                 <button class="usa-accordion__button font-sans-sm"

spec/features/pages/show_page_spec.rb

@@ -37,6 +37,9 @@
     downloadable_file_component = PageDownloadableFileComponent.create(attachment: downloadable_file, description: 'Test file')
     paragraph_component = PageParagraphComponent.create(text: "<div><p><a href='https://marketplace.va.gov/about'>about the marketplace</a></p><p><a href='https://wikipedia.org/'>an external link</a></p></div>")
     legacy_paragraph_component = PageParagraphComponent.create(text: "<div><p><a href='../../about' target='_blank'>relative internal link with dot</a></p><p><a href='/about' target='_blank'>relative internal link with slash</a></p><p><a href='https://marketplace.va.gov/' target='_blank'>absolute internal link</a></p></div>")
+    accordion_component = PageAccordionComponent.create(title: 'FAQ 1', text: 'FAQ 1 text')
+    accordion_component_2 = PageAccordionComponent.create(title: 'FAQ 2', text: 'FAQ 2 text')
+
     PageComponent.create(page: @page, component: practice_list_component, created_at: Time.now)
     PageComponent.create(page: @page, component: subpage_hyperlink_component, created_at: Time.now)
     PageComponent.create(page: @page, component: image_component, created_at: Time.now)
@@ -48,6 +51,9 @@
     PageComponent.create(page: @page, component: downloadable_file_component, created_at: Time.now)
     PageComponent.create(page: @page, component: paragraph_component, created_at: Time.now)
     PageComponent.create(page: @page, component: legacy_paragraph_component, created_at: Time.now)
+    PageComponent.create(page: @page, component: accordion_component, created_at: Time.now)
+    PageComponent.create(page: @page, component: accordion_component_2, created_at: Time.now)
+
     # must be logged in to view pages
     login_as(user, scope: :user, run_callbacks: false)
     visit '/programming/ruby-rocks'
@@ -88,6 +94,13 @@
     expect(page).to have_content('It is pretty cool too')
   end
 
+  it 'Should display the accordion component' do
+    expect(page).to have_content('FAQ 1')
+    expect(page).to have_css('#accordion_anchor_1')
+    expect(page).to have_content('FAQ 2')
+    expect(page).to have_css('#accordion_anchor_2')
+  end
+
   it 'Should display the page image' do
     expect(page).to have_css("img[src*='charmander.png']")
     expect(page).to have_css('.flex-justify-end')