Add form to routes#show view

Add a view with a form to so multiple branch routes can be created.

Author: thomasiles

app/frontend/entrypoints/application.scss

@@ -7,6 +7,7 @@ $govuk-global-styles: true;
 @import "../styles/app_form_states";
 @import "../styles/app_lists";
 @import "../styles/app_preview_area";
+@import "../styles/app_routes_list";
 @import "../styles/app_select_options";
 @import "../styles/app_summary_card";
 @import "../styles/app_summary_list";

app/frontend/styles/_app_routes_list.scss

@@ -0,0 +1,6 @@
+.app-routes-list__key {
+  @include govuk-media-query($from: desktop) {
+    width: 5%;
+  }
+}
+

app/views/routes/show.html.erb

@@ -8,5 +8,42 @@
       <span class="govuk-visually-hidden"> - </span>
       <%= t("page_titles.routes") %>
     </h1>
+
+    <%= form_with(model: @routes_input, url: routes_path(@routes_input.form)) do |f| %>
+      <% if @routes_input&.errors&.present? %>
+        <%= f.govuk_error_summary(presenter: ErrorSummaryPresenter.new(@routes_input.errors)) %>
+      <% end %>
+
+      <%= govuk_summary_list(actions: false) do |summary_list|
+
+        @routes_input.routes.group_by(&:page).each do |page, routes|
+          summary_list.with_row do |row|
+            row.with_key(classes: "app-routes-list__key", html_attributes: { id: "page-#{page.position}"}) { page.position.to_s }
+            row.with_value do
+              capture do %>
+              <p> <%= page.question_text %> </p>
+              <% if page.has_next_page? %>
+                <ul class="govuk-list">
+                  <% routes.each do |route| %>
+                    <li>
+                      <%= f.fields_for :routes, route do |route_form|
+                        route_form.hidden_field(:id) +
+                          route_form.hidden_field(:page_id) +
+                          route_form.hidden_field(:answer_value) +
+                          route_form.govuk_select(:goto, options_for_select(route_form.object.goto_options, route_form.object.goto), label: route_form.object.label)
+                      end %>
+                    </li>
+                  <% end %>
+                </ul>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    <% end %>
+
+    <%= f.govuk_submit t("save_and_continue") %>
+
+  <% end %>
   </div>
 </div>

spec/views/routes/show.html.erb_spec.rb

@@ -1,11 +1,15 @@
 require "rails_helper"
 
 describe "routes/show.html.erb" do
-  let(:form) { build_stubbed :form }
+  let(:form) { build_stubbed :form, pages: }
+  let(:pages) { [] }
+  let(:routes) { [] }
+  let(:routes_input) { build :routes_input, form:, routes: }
 
   def render_page
     assign(:current_form, form)
-    render template: "routes/show", locals: { current_form: form }
+    assign(:routes_input, routes_input)
+    render template: "routes/show", locals: { current_form: form, routes_input: }
   end
 
   it "has the correct title" do
@@ -23,4 +27,26 @@ def render_page
     expect(rendered).to have_selector("h1", text: form.name)
     expect(rendered).to have_selector("h1", text: "Edit question routes")
   end
+
+  context "when the form has pages and routes" do
+    let(:pages) { build_stubbed_list(:page, 3) }
+    let(:routes) do
+      [
+        build(:route_input, page: pages.first, goto: pages.third.id, goto_options: []),
+        build(:route_input, :default, page: pages.second, goto_options: []),
+        build(:route_input, :default, page: pages.third, goto_options: []),
+      ]
+    end
+
+    it "displays the page's position and question text" do
+      render_page
+      expect(rendered).to have_selector(".govuk-summary-list__key", text: pages.first.position.to_s)
+      expect(rendered).to have_selector(".govuk-summary-list__value", text: pages.first.question_text)
+    end
+
+    it "includes the page's position in the id of the key" do
+      render_page
+      expect(rendered).to have_selector("#page-#{pages.first.position}")
+    end
+  end
 end