Add testing tools section with links in testing environments

app/components/create_log_actions_component.html.erb

@@ -9,10 +9,16 @@
     <% end %>
 
     <% if FeatureToggle.create_test_logs_enabled? %>
-      <%= govuk_link_to "New test log", create_test_log_href %>
+      <div class="govuk-inset-text app-testing-tools">
-      <%= govuk_link_to "New test log (setup only)", create_setup_test_log_href %>
+        <span class="govuk-tag app-testing-tools__tag">Testing tools</span>
-      <%= govuk_link_to "24 BU test file", create_test_bulk_upload_href(2024) %>
+        <span class="govuk-body govuk-body-s">These links can only be seen and be used in testing environments.</span>
-      <%= govuk_link_to "25 BU test file", create_test_bulk_upload_href(2025) %>
+        <div>
+          <%= govuk_link_to "New test log", create_test_log_href, class: "app-testing-tools-link" %>
+          <%= govuk_link_to "New test log (setup only)", create_setup_test_log_href, class: "app-testing-tools-link" %>
+          <%= govuk_link_to "24 BU test file", create_test_bulk_upload_href(2024), class: "app-testing-tools-link" %>
+          <%= govuk_link_to "25 BU test file", create_test_bulk_upload_href(2025), class: "app-testing-tools-link" %>
+        </div>
+      </div>
     <% end %>
   <% end %>
 </div>

app/frontend/styles/_testing-tools.scss

@@ -0,0 +1,20 @@
+.app-testing-tools {
+  border-left-color: #f47738;
+  margin-bottom: 0;
+  margin-top: 0;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+
+.app-testing-tools-link {
+  @include govuk-link-common;
+  @include govuk-link-style-no-visited-state;
+}
+
+.app-testing-tools__tag {
+  @include govuk-font(14);
+  background-color: #fcd6c3;
+  margin-top: 0;
+  margin-bottom: 10px;
+  margin-right: 15px;
+}

app/frontend/styles/application.scss

@@ -49,6 +49,7 @@ $govuk-breakpoints: (
 @import "sub-navigation";
 @import "unread-notification";
 @import "red-link";
+@import "testing-tools";
 @import "custom-rails-admin";
 @import "node_modules/@ministryofjustice/frontend/moj/components/date-picker/date-picker";