[rubyforgood#5777] Add spec for step navigation component

app/components/form/step_navigation_component.html.erb

@@ -7,7 +7,11 @@
         title: "Back step",
         aria: { label: "Back step" },
         disabled: !@nav_back do %>
-        <%= link_to @nav_back, title: "Back step", aria: { label: "Back step" } do %>
+        <% if @nav_back.present? %>
+            <%= link_to @nav_back, title: "Back step", aria: { label: "Back step" } do %>
+                <i class="lni lni-chevron-left" alt="Chevron icon left"></i>
+            <% end %>
+        <% elsif %>
             <i class="lni lni-chevron-left" alt="Chevron icon left"></i>
         <% end %>
     <% end %>
@@ -19,7 +23,11 @@
         title: "Next step",
         aria: { label: "Next step" },
         disabled: !@nav_next do %>
-        <%= link_to @nav_next, title: "Next step", aria: { label: "Next step" } do %>
+        <% if @nav_next.present? %>
+            <%= link_to @nav_next, title: "Next step", aria: { label: "Next step" } do %>
+                <i class="lni lni-chevron-right" alt="Chevron icon right"></i>
+            <% end %>
+        <% elsif %>
             <i class="lni lni-chevron-right" alt="Chevron icon right"></i>
         <% end %>
     <% end %>

spec/components/form/step_navigation_component_spec.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+require "rails_helper"
+
+RSpec.describe Form::StepNavigationComponent, type: :component do
+  context "can handle enabled button" do
+    it "enables button if value exists" do
+      render_inline(described_class.new(nav_back: '/details'))
+      expect(page).to have_selector(:link_or_button, 'Back step')
+    end
+  end
+
+  context "can handle disabled button" do
+    it "disables buttons if value is nil" do
+      render_inline(described_class.new())
+      expect(page).not_to have_selector(:link_or_button, 'Next step')
+    end
+  end
+end