RubyGems - govuk-design-system-rails - Versions diffs - 0.10.1 - Mend

govuk-design-system-rails 0.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (137) hide show

data/spec/dummy/config/puma.rb ADDED Viewed

@@ -0,0 +1,43 @@
+# Puma can serve each request in a thread from an internal thread pool.
+# The `threads` method setting takes two numbers: a minimum and maximum.
+# Any libraries that use thread pools should be configured to match
+# the maximum value specified for Puma. Default is set to 5 threads for minimum
+# and maximum; this matches the default thread size of Active Record.
+#
+max_threads_count = ENV.fetch("RAILS_MAX_THREADS") { 5 }
+min_threads_count = ENV.fetch("RAILS_MIN_THREADS") { max_threads_count }
+threads min_threads_count, max_threads_count
+# Specifies the `worker_timeout` threshold that Puma will use to wait before
+# terminating a worker in development environments.
+#
+worker_timeout 3600 if ENV.fetch("RAILS_ENV", "development") == "development"
+# Specifies the `port` that Puma will listen on to receive requests; default is 3000.
+#
+port ENV.fetch("PORT") { 3000 }
+# Specifies the `environment` that Puma will run in.
+#
+environment ENV.fetch("RAILS_ENV") { "development" }
+# Specifies the `pidfile` that Puma will use.
+pidfile ENV.fetch("PIDFILE") { "tmp/pids/server.pid" }
+# Specifies the number of `workers` to boot in clustered mode.
+# Workers are forked web server processes. If using threads and workers together
+# the concurrency of the application would be max `threads` * `workers`.
+# Workers do not work on JRuby or Windows (both of which do not support
+# processes).
+#
+# workers ENV.fetch("WEB_CONCURRENCY") { 2 }
+# Use the `preload_app!` method when specifying a `workers` number.
+# This directive tells Puma to first boot the application and load code
+# before forking the application. This takes advantage of Copy On Write
+# process behavior so workers use less memory.
+#
+# preload_app!
+# Allow puma to be restarted by `rails restart` command.
+plugin :tmp_restart

data/spec/dummy/config/routes.rb ADDED Viewed

@@ -0,0 +1,3 @@
+Rails.application.routes.draw do
+  # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html
+end

data/spec/dummy/config/storage.yml ADDED Viewed

@@ -0,0 +1,34 @@
+test:
+  service: Disk
+  root: <%= Rails.root.join("tmp/storage") %>
+local:
+  service: Disk
+  root: <%= Rails.root.join("storage") %>
+# Use rails credentials:edit to set the AWS secrets (as aws:access_key_id|secret_access_key)
+# amazon:
+#   service: S3
+#   access_key_id: <%= Rails.application.credentials.dig(:aws, :access_key_id) %>
+#   secret_access_key: <%= Rails.application.credentials.dig(:aws, :secret_access_key) %>
+#   region: us-east-1
+#   bucket: your_own_bucket
+# Remember not to checkin your GCS keyfile to a repository
+# google:
+#   service: GCS
+#   project: your_project
+#   credentials: <%= Rails.root.join("path/to/gcs.keyfile") %>
+#   bucket: your_own_bucket
+# Use rails credentials:edit to set the Azure Storage secret (as azure_storage:storage_access_key)
+# microsoft:
+#   service: AzureStorage
+#   storage_account_name: your_account_name
+#   storage_access_key: <%= Rails.application.credentials.dig(:azure_storage, :storage_access_key) %>
+#   container: your_container_name
+# mirror:
+#   service: Mirror
+#   primary: local
+#   mirrors: [ amazon, google, microsoft ]

data/spec/dummy/config.ru ADDED Viewed

@@ -0,0 +1,6 @@
+# This file is used by Rack-based servers to start the application.
+require_relative "config/environment"
+run Rails.application
+Rails.application.load_server

data/spec/dummy/db/development.sqlite3 ADDED Viewed

File without changes

data/spec/dummy/db/test.sqlite3 ADDED Viewed

File without changes

data/spec/dummy/public/404.html ADDED Viewed

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+<body class="rails-default-error-page">
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <div>
+      <h1>The page you were looking for doesn't exist.</h1>
+      <p>You may have mistyped the address or the page may have moved.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/spec/dummy/public/422.html ADDED Viewed

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+<body class="rails-default-error-page">
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <div>
+      <h1>The change you wanted was rejected.</h1>
+      <p>Maybe you tried to change something you didn't have access to.</p>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/spec/dummy/public/500.html ADDED Viewed

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  .rails-default-error-page {
+    background-color: #EFEFEF;
+    color: #2E2F30;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+  .rails-default-error-page div.dialog {
+    width: 95%;
+    max-width: 33em;
+    margin: 4em auto 0;
+  }
+  .rails-default-error-page div.dialog > div {
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #BBB;
+    border-top: #B00100 solid 4px;
+    border-top-left-radius: 9px;
+    border-top-right-radius: 9px;
+    background-color: white;
+    padding: 7px 12% 0;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  .rails-default-error-page h1 {
+    font-size: 100%;
+    color: #730E15;
+    line-height: 1.5em;
+  }
+  .rails-default-error-page div.dialog > p {
+    margin: 0 0 1em;
+    padding: 1em;
+    background-color: #F7F7F7;
+    border: 1px solid #CCC;
+    border-right-color: #999;
+    border-left-color: #999;
+    border-bottom-color: #999;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-color: #DADADA;
+    color: #666;
+    box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
+  }
+  </style>
+</head>
+<body class="rails-default-error-page">
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <div>
+      <h1>We're sorry, but something went wrong.</h1>
+    </div>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>

data/spec/dummy/public/apple-touch-icon-precomposed.png ADDED Viewed

File without changes

data/spec/dummy/public/apple-touch-icon.png ADDED Viewed

File without changes

data/spec/dummy/public/favicon.ico ADDED Viewed

File without changes

data/spec/dummy/tmp/development_secret.txt ADDED Viewed

	@@ -0,0 +1 @@
1	+ 902bd948b9b1b10c517333149a6d5ab4b09b5bed1de95408229e69b7a8807dc77ac9778e5abc44ba4cf218848bcbc5078bcd275c2a3d04f2f3c42d1666c64f91

data/spec/helpers/govuk_design_system/accordion_helper_spec.rb ADDED Viewed

@@ -0,0 +1,353 @@
+require "rails_helper"
+RSpec.describe GovukDesignSystem::AccordionHelper, type: :helper do
+  describe "#govukAccordion" do
+    it "returns the correct HTML for the default example" do
+      html = helper.govukAccordion({
+        id: "accordion-default",
+        items: [
+          {
+            heading: {
+              text: "Writing well for the web"
+            },
+            content: {
+              html: "<p class='govuk-body'>This is the content for Writing well for the web.</p>".html_safe
+            }
+          },
+          {
+            heading: {
+              text: "Writing well for specialists"
+            },
+            content: {
+              html: "<p class='govuk-body'>This is the content for Writing well for specialists.</p>".html_safe
+            }
+          },
+          {
+            heading: {
+              text: "Know your audience"
+            },
+            content: {
+              html: "<p class='govuk-body'>This is the content for Know your audience.</p>".html_safe
+            }
+          },
+          {
+            heading: {
+              text: "How people read"
+            },
+            content: {
+              html: "<p class='govuk-body'>This is the content for How people read.</p>".html_safe
+            }
+          }
+        ]
+      })
+      expect(html).to match_html(<<~HTML)
+        <div class="govuk-accordion" data-module="govuk-accordion" id="accordion-default">
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-default-heading-1">
+                  Writing well for the web
+                </span>
+              </h2>
+            </div>
+            <div id="accordion-default-content-1" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-1">
+              <p class='govuk-body'>This is the content for Writing well for the web.</p>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-default-heading-2">
+                  Writing well for specialists
+                </span>
+              </h2>
+            </div>
+            <div id="accordion-default-content-2" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-2">
+              <p class='govuk-body'>This is the content for Writing well for specialists.</p>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-default-heading-3">
+                  Know your audience
+                </span>
+              </h2>
+            </div>
+            <div id="accordion-default-content-3" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-3">
+              <p class='govuk-body'>This is the content for Know your audience.</p>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-default-heading-4">
+                  How people read
+                </span>
+              </h2>
+            </div>
+            <div id="accordion-default-content-4" class="govuk-accordion__section-content" aria-labelledby="accordion-default-heading-4">
+              <p class='govuk-body'>This is the content for How people read.</p>
+            </div>
+          </div>
+        </div>
+      HTML
+    end
+    it "returns the correct HTML for the summary line example" do
+      html = helper.govukAccordion({
+        id: "accordion-with-summary-sections",
+        items: [
+          {
+            heading: {
+              text: "Understanding agile project management"
+            },
+            summary: {
+              text: "Introductions, methods, core features."
+            },
+            content: {
+              html:
+                '<ul class="govuk-list">
+                  <li>
+                    <a class="govuk-link" href="#">Agile and government services: an introduction</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Agile methods: an introduction</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Core principles of agile</a>
+                  </li>
+              </ul>'.html_safe
+            }
+          },
+          {
+            heading: {
+              text: "Working with agile methods"
+            },
+            summary: {
+              text: "Workspaces, tools and techniques, user stories, planning."
+            },
+            content: {
+              html:
+                '<ul class="govuk-list">
+                  <li>
+                    <a class="govuk-link" href="#">Creating an agile working environment</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Agile tools and techniques</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Set up a team wall</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Writing user stories</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Planning in agile</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Deciding on priorities</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Developing a roadmap</a>
+                  </li>
+              </ul>'.html_safe
+            }
+          },
+          {
+            heading: {
+              text: "Governing agile services"
+            },
+            summary: {
+              text: "Principles, measuring progress, spending money."
+            },
+            content: {
+              html:
+                '<ul class="govuk-list">
+                  <li>
+                    <a class="govuk-link" href="#">Governance principles for agile service delivery</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Measuring and reporting progress</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Spend controls: check if you need approval to spend money on a service</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Spend controls: apply for approval to spend money on a service</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Spend controls: the new pipeline process</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Working across organisational boundaries</a>
+                  </li>
+              </ul>'.html_safe
+            }
+          },
+          {
+            heading: {
+              text: "Phases of an agile project"
+            },
+            summary: {
+              text: "Discovery, alpha, beta, live and retirement."
+            },
+            content: {
+              html:
+                '<ul class="govuk-list">
+                  <li>
+                    <a class="govuk-link" href="#">How the discovery phase works</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">How the alpha phase works</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">How the beta phase works</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">How the live phase works</a>
+                  </li>
+                  <li>
+                    <a class="govuk-link" href="#">Retiring your service</a>
+                  </li>
+              </ul>'.html_safe
+            }
+          }
+        ]
+      })
+      expect(html).to match_html(<<~HTML)
+        <div class="govuk-accordion" data-module="govuk-accordion" id="accordion-with-summary-sections">
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-with-summary-sections-heading-1">
+                  Understanding agile project management
+                </span>
+              </h2>
+              <div class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-1">
+                Introductions, methods, core features.
+              </div>
+            </div>
+            <div id="accordion-with-summary-sections-content-1" class="govuk-accordion__section-content" aria-labelledby="accordion-with-summary-sections-heading-1">
+              <ul class="govuk-list">
+                <li>
+                  <a class="govuk-link" href="#">Agile and government services: an introduction</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Agile methods: an introduction</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Core principles of agile</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-with-summary-sections-heading-2">
+                  Working with agile methods
+                </span>
+              </h2>
+              <div class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-2">
+                Workspaces, tools and techniques, user stories, planning.
+              </div>
+            </div>
+            <div id="accordion-with-summary-sections-content-2" class="govuk-accordion__section-content" aria-labelledby="accordion-with-summary-sections-heading-2">
+              <ul class="govuk-list">
+                <li>
+                  <a class="govuk-link" href="#">Creating an agile working environment</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Agile tools and techniques</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Set up a team wall</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Writing user stories</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Planning in agile</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Deciding on priorities</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Developing a roadmap</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-with-summary-sections-heading-3">
+                  Governing agile services
+                </span>
+              </h2>
+              <div class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-3">
+                Principles, measuring progress, spending money.
+              </div>
+            </div>
+            <div id="accordion-with-summary-sections-content-3" class="govuk-accordion__section-content" aria-labelledby="accordion-with-summary-sections-heading-3">
+              <ul class="govuk-list">
+                <li>
+                  <a class="govuk-link" href="#">Governance principles for agile service delivery</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Measuring and reporting progress</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Spend controls: check if you need approval to spend money on a service</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Spend controls: apply for approval to spend money on a service</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Spend controls: the new pipeline process</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Working across organisational boundaries</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+          <div class="govuk-accordion__section">
+            <div class="govuk-accordion__section-header">
+              <h2 class="govuk-accordion__section-heading">
+                <span class="govuk-accordion__section-button" id="accordion-with-summary-sections-heading-4">
+                  Phases of an agile project
+                </span>
+              </h2>
+              <div class="govuk-accordion__section-summary govuk-body" id="accordion-with-summary-sections-summary-4">
+                Discovery, alpha, beta, live and retirement.
+              </div>
+            </div>
+            <div id="accordion-with-summary-sections-content-4" class="govuk-accordion__section-content" aria-labelledby="accordion-with-summary-sections-heading-4">
+              <ul class="govuk-list">
+                <li>
+                  <a class="govuk-link" href="#">How the discovery phase works</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">How the alpha phase works</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">How the beta phase works</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">How the live phase works</a>
+                </li>
+                <li>
+                  <a class="govuk-link" href="#">Retiring your service</a>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      HTML
+    end
+  end
+end