Fixes an issue with styling links

When visiting the links example page, if you had previously visited the
home page then the unvisited link and visited link example looked identical.
This commit passes a random number to the view. The view adds the randomId
to the href as a hash.

Co-authored-by: Nick Colley <nick.colley@digital.cabinet-office.gov.uk>

app/app.js

@@ -177,7 +177,9 @@ module.exports = (options) => {
 
   // Example view
   app.get('/examples/:example', function (req, res, next) {
-    res.render(`${req.params.example}/index`, function (error, html) {
+    // Passing a random number used for the links so that they will be unique and not display as "visited"
+    const randomPageHash = (Math.random() * 1000000).toFixed()
+    res.render(`${req.params.example}/index`, { randomPageHash }, function (error, html) {
       if (error) {
         next(error)
       } else {

app/views/examples/links/index.njk

@@ -42,7 +42,7 @@
 
       {% for state_description, state_class in states %}
         <p class="govuk-body">
-          <a href="/" class="govuk-link {{ variant_class }} {{ state_class }}">
+          <a href="/#{{ randomPageHash }}" class="govuk-link {{ variant_class }} {{ state_class }}">
             {{ state_description}}
           </a>
         </p>