Use component wrapper on contextual footer

CHANGELOG.md

@@ -11,6 +11,7 @@
 
 * Use component wrapper on contextual breadcrumbs ([PR #4560](https://github.com/alphagov/govuk_publishing_components/pull/4560))
 * Use component wrapper on contextual sidebar ([PR #4561](https://github.com/alphagov/govuk_publishing_components/pull/4561))
+* Use component wrapper on contextual footer ([PR #4562](https://github.com/alphagov/govuk_publishing_components/pull/4562))
 
 ## 49.0.0
 

app/views/govuk_publishing_components/components/_contextual_footer.html.erb

@@ -1,12 +1,15 @@
-<% navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request) %>
-<% disable_ga4 ||= false %>
+<%
+  navigation = GovukPublishingComponents::Presenters::ContextualNavigation.new(content_item, request)
+  disable_ga4 ||= false
 
-<% unless navigation.content_tagged_to_current_step_by_step? %>
-  <div class="gem-c-contextual-footer govuk-!-display-none-print">
-    <%# Rendering related navigation because no step by step list %>
-    <%= render 'govuk_publishing_components/components/related_navigation',
-               content_item: content_item,
-               disable_ga4: disable_ga4,
-               context: :footer %>
-  </div>
+  component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
+  component_helper.add_class("gem-c-contextual-footer govuk-!-display-none-print")
+%>
+
+<%= tag.div(**component_helper.all_attributes) do %>
+  <%# Rendering related navigation because no step by step list %>
+  <%= render 'govuk_publishing_components/components/related_navigation',
+              content_item: content_item,
+              disable_ga4: disable_ga4,
+              context: :footer %>
 <% end %>

app/views/govuk_publishing_components/components/docs/contextual_footer.yml

@@ -15,6 +15,7 @@ body: |
   [contextual_breadcrumbs]: /component-guide/contextual_breadcrumbs
 accessibility_criteria: |
   Components called by this component must be accessible
+uses_component_wrapper_helper: true
 examples:
   default:
     description: Displays contacts, external links, statistical datasets, topical events, topics and world locations.