[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