hof 23.0.2-vite-sourcemap-beta → 23.0.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hof",
   "description": "A bootstrap for HOF projects",
-  "version": "23.0.2-vite-sourcemap-beta",
+  "version": "23.0.3",
   "license": "MIT",
   "main": "index.js",
   "author": "HomeOffice",
@@ -52,6 +52,7 @@
     "dialog-polyfill": "^0.5.6",
     "dotenv": "^4.0.0",
     "duplexify": "^3.7.1",
+    "exorcist": "^2.0.0",
     "express": "^4.21.2",
     "express-healthcheck": "^0.1.0",
     "express-partial-templates": "^0.2.1",
@@ -97,7 +98,7 @@
   "devDependencies": {
     "@cucumber/cucumber": "^7.3.2",
     "@cucumber/pretty-formatter": "^1.0.1",
-    "@types/jest": "^26.0.24",
+    "@types/jest": "^30.0.0",
     "@vitest/coverage-v8": "^4.0.8",
     "@xmldom/xmldom": "~0.8.11",
     "chai": "^3.5.0",
@@ -110,7 +111,8 @@
     "funkie": "0.0.5",
     "funkie-phantom": "0.0.1",
     "istanbul": "^0.4.5",
-    "jest": "^26.6.3",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "jquery": "^3.7.1",
     "mocha": "^8.4.0",
     "mocha-sandbox": "^1.0.0",
@@ -127,7 +129,10 @@
     "travis-conditions": "0.0.0",
     "vitest": "^4.0.8",
     "watchify": "^4.0.0",
-    "webdriverio": "^4.14.4"
+    "webdriverio": "^5.0.0"
+  },
+  "jest": {
+    "testEnvironment": "jsdom"
   },
   "mocha": {
     "reporter": "spec",

package/sandbox/apps/sandbox/fields.js

@@ -3,6 +3,7 @@
 
 const dateComponent = require('../../../').components.date;
 const staticAppealStages = require('./lib/staticAppealStages');
+const amountWithUnitSelectComponent = require('../../../').components.amountWithUnitSelect;
 
 module.exports = {
   'landing-page-radio': {
@@ -124,5 +125,21 @@ module.exports = {
       value: '',
       label: 'fields.appealStages.options.null'
     }].concat(staticAppealStages.getstaticAppealStages())
-  }
+  },
+  'amountWithUnitSelect' : amountWithUnitSelectComponent('amountWithUnitSelect', {
+    mixin: 'input-amount-with-unit-select',
+    amountLabel: "Amount-",
+    unitLabel: "Unit-",
+    options: [
+      { "null": "Select" },
+      { "label": "non trans option 1", "value": "1" },
+      { "label": "non trans option 2", "value": "2" }
+    ],
+    hint: "E.G: 5 Kilogram",
+    legend: 'Enter An Amount',
+    isPageHeading: 'true',
+    unitOptional: 'false',
+    amountOptional: 'true',
+    validate: ['alphanum']
+  })
 }

package/sandbox/apps/sandbox/index.js

@@ -31,6 +31,10 @@ module.exports = {
     '/dob': {
       fields: ['dateOfBirth'],
       locals: { showSaveAndExit: true },
+      next: '/amount-unit'
+    },
+    '/amount-unit':{ 
+      fields: ['amountWithUnitSelect'], 
       next: '/address'
     },
     '/address': {

package/sandbox/apps/sandbox/sections/summary-data-sections.js

@@ -39,5 +39,11 @@ module.exports = {
   ],
   whatHappened: [
     'whatHappened'
-  ]
+  ],
+  amountWithUnitSelect:
+  [{
+    field: 'amountWithUnitSelect',
+    parse: val => val ?
+      (val.substring(0, val.lastIndexOf('-')) || '0') + ' ' +  val.substring(val.lastIndexOf('-') + 1) : ''
+  }]
 };

package/sandbox/apps/sandbox/translations/src/en/fields.json

@@ -97,5 +97,15 @@
     "options": {
       "null": "Select..."
     }
+  },
+  "amountWithUnitSelect": {
+    "label": "Amount",
+    "amountLabel": "Amount:",
+    "unitLabel": "Unit:",
+    "options": [
+      { "null": "Select..." },
+      { "label": "Litres", "value": "L" },
+      { "label": "Kilograms", "value": "KG" } 
+    ]
   }
 }

package/sandbox/apps/sandbox/translations/src/en/pages.json

@@ -45,6 +45,9 @@
       },
       "whatHappened": {
         "header": "What happened"
+      },
+      "amountWithUnitSelect": {
+        "header": "Entered amount"
       }
     }
   },

package/sandbox/apps/sandbox/translations/src/en/validation.json

@@ -50,5 +50,17 @@
   },
   "appealStages": {
     "required": "Select an appeal stage from the list"
+  },
+  "amountWithUnitSelect": {
+    "default": "Enter the amount in the correct format; for example, 10 Litres",
+    "alphanum": "The amount must not contain any special characters",
+    "required": "Enter an amount and a unit value"
+  },
+  "amountWithUnitSelect-unit": {
+    "default": "A valid value must be selected as the amount unit",
+    "required": "A unit must be selected for the amount"
+  },
+  "amountWithUnitSelect-amount": {
+    "required": "An amount must be selected with the unit"
   }
 }

package/sandbox/server.js

@@ -22,13 +22,5 @@ bootstrap({
   "port": 8082,
   session: {
     secret: require('crypto').randomBytes(16).toString('hex')
-  },
-  build: {
-    sass: {
-      sourceMaps: true
-    },
-     js: {
-      sourceMaps: true
-    }
   }
 });

package/utilities/autofill/index.js

@@ -3,187 +3,211 @@
 
 const url = require('url');
 const Inputs = require('./inputs');
-const Promise = require('bluebird');
 
 const debug = require('debug')('hof:util:autofill');
 
 const MAX_LOOPS = 3;
 
-module.exports = browser => (target, input, opts) => {
+function getRemoteFilePath(uploadResult) {
+  if (uploadResult && typeof uploadResult === 'object' && uploadResult.value) {
+    return uploadResult.value;
+  }
+
+  return uploadResult;
+}
+
+module.exports = browser => async (target, input, opts) => {
   const options = opts || {};
   options.maxLoops = options.maxLoops || MAX_LOOPS;
-
   const getValue = Inputs(input);
-
   let last;
   let count = 0;
 
-  function completeTextField(element, name) {
+  async function completeTextField(element, name) {
     const value = getValue(name, 'text');
     debug(`Filling field: ${name} with value: ${value}`);
-    return browser
-      .elementIdClear(element)
-      .elementIdValue(element, value)
-      .catch(() => {
-        // any error here is *probably* because the field is hidden
-        // ignore and hope for the best
-      });
+    try {
+      await element.clearValue();
+      await element.setValue(value);
+    } catch (e) {
+      // any error here is *probably* because the field is hidden
+      // ignore and hope for the best
+    }
   }
 
-  function completeFileField(element, name) {
+  async function completeFileField(element, name) {
     const value = getValue(name, 'file');
     if (value) {
       debug(`Uploading file: ${value}`);
-      return browser.uploadFile(value)
-        .then(response => {
-          debug(`Uploaded file: ${value} - remote path ${response.value}`);
-          return browser
-            .addValue(`input[name="${name}"]`, response.value);
-        });
+      const remotePath = getRemoteFilePath(await browser.uploadFile(value));
+      debug(`Uploaded file: ${value} - remote path ${remotePath}`);
+      await element.setValue(remotePath);
+    } else {
+      debug(`No file specified for input ${name} - ignoring`);
     }
-    debug(`No file specified for input ${name} - ignoring`);
   }
 
-  function completeRadio(element, name) {
+  async function completeRadioGroup(name) {
     const value = getValue(name, 'radio');
-    if (!value) {
-      return browser.elements(`input[type="radio"][name="${name}"]`)
-        .then(radios => {
-          debug(`Checking random radio: ${name}`);
-          const index = 1 + Math.floor(Math.random() * (radios.value.length - 1));
-          return browser.elementIdClick(radios.value[index].ELEMENT);
-        });
+    const radios = await browser.$$(`input[type="radio"][name="${name}"]`);
+
+    if (!radios.length) {
+      debug(`No radio inputs found for ${name}`);
+      return;
     }
-    return browser.elementIdAttribute(element, 'value')
-      .then(val => {
-        if (val.value === value) {
-          debug(`Checking radio: ${name} with value: ${val.value}`);
-          browser.elementIdClick(element);
+
+    if (!value) {
+      debug(`Checking random radio: ${name}`);
+      const index = Math.floor(Math.random() * radios.length);
+      if (!await radios[index].isSelected()) {
+        await radios[index].click();
+      }
+    } else {
+      for (const radio of radios) {
+        const val = await radio.getAttribute('value');
+        if (val === value) {
+          debug(`Checking radio: ${name} with value: ${val}`);
+          if (!await radio.isSelected()) {
+            await radio.click();
+          }
+          return;
         }
-      });
+      }
+
+      debug(`Ignoring radio group: ${name} - no option matches ${value}`);
+    }
   }
 
-  function completeCheckbox(element, name) {
+  async function completeCheckbox(element, name) {
     const value = getValue(name, 'checkbox');
-    return browser.elementIdAttribute(element, 'value')
-      .then(val => browser.elementIdAttribute(element, 'checked')
-        .then(checked => {
-          if (value === null) {
-            if (!checked.value) {
-              debug(`Leaving checkbox: ${name} blank`);
-              return;
-            }
-            debug(`Unchecking checkbox: ${name}`);
-            return browser.elementIdClick(element);
-          }
-          if (!value && !checked.value) {
-            debug(`Checking checkbox: ${name} with value: ${val.value}`);
-            return browser.elementIdClick(element);
-          } else if (value && value.indexOf(val.value) > -1 && !checked.value) {
-            debug(`Checking checkbox: ${name} with value: ${val.value}`);
-            return browser.elementIdClick(element);
-          } else if (value && value.indexOf(val.value) === -1 && checked.value) {
-            debug(`Unchecking checkbox: ${name} with value: ${val.value}`);
-            return browser.elementIdClick(element);
-          }
-          debug(`Ignoring checkbox: ${name} with value: ${val.value} - looking for ${value}`);
-        }));
+    const val = await element.getAttribute('value');
+    const checked = await element.isSelected();
+    if (value === null) {
+      if (!checked) {
+        debug(`Leaving checkbox: ${name} blank`);
+        return;
+      }
+      debug(`Unchecking checkbox: ${name}`);
+      await element.click();
+    } else if (!value && !checked) {
+      debug(`Checking checkbox: ${name} with value: ${val}`);
+      await element.click();
+    } else if (value && value.indexOf(val) > -1 && !checked) {
+      debug(`Checking checkbox: ${name} with value: ${val}`);
+      await element.click();
+    } else if (value && value.indexOf(val) === -1 && checked) {
+      debug(`Unchecking checkbox: ${name} with value: ${val}`);
+      await element.click();
+    } else {
+      debug(`Ignoring checkbox: ${name} with value: ${val} - looking for ${value}`);
+    }
   }
 
-  function completeSelectElement(element, name) {
+  async function completeSelectElement(element, name) {
     const value = getValue(name, 'select');
     if (!value) {
-      return browser.elementIdElements(element, 'option')
-        .then(o => {
-          const index = 1 + Math.floor(Math.random() * (o.value.length - 1));
-          debug(`Selecting option: ${index} from select box: ${name}`);
-          return browser.selectByIndex(`select[name="${name}"]`, index);
-        });
+      const selectOptions = await element.$$('option');
+      if (selectOptions.length > 1) {
+        const index = 1 + Math.floor(Math.random() * (selectOptions.length - 1));
+        debug(`Selecting option: ${index} from select box: ${name}`);
+        await element.selectByIndex(index);
+      }
+    } else {
+      debug(`Selecting options: ${value} from select box: ${name}`);
+      await element.selectByAttribute('value', value);
     }
-    debug(`Selecting options: ${value} from select box: ${name}`);
-    return browser.selectByValue(`select[name="${name}"]`, value);
   }
 
-  function completeStep(path) {
-    return browser
-      .elements('input')
-      .then(fields => {
-        debug(`Found ${fields.value.length} <input> elements`);
-        return Promise.map(fields.value, field => browser.elementIdAttribute(field.ELEMENT, 'type')
-          .then(type => browser.elementIdAttribute(field.ELEMENT, 'name')
-            .then(name => {
-              if (type.value === 'radio') {
-                return completeRadio(field.ELEMENT, name.value);
-              } else if (type.value === 'checkbox') {
-                return completeCheckbox(field.ELEMENT, name.value);
-              } else if (type.value === 'file') {
-                return completeFileField(field.ELEMENT, name.value);
-              } else if (type.value === 'text') {
-                return completeTextField(field.ELEMENT, name.value);
-              }
-              debug(`Ignoring field of type ${type.value}`);
-            })), {concurrency: 1});
-      })
-      .elements('select')
-      .then(fields => {
-        debug(`Found ${fields.value.length} <select> elements`);
-        return Promise.map(fields.value, field => browser.elementIdAttribute(field.ELEMENT, 'name')
-          .then(name => completeSelectElement(field.ELEMENT, name.value)));
-      })
-      .elements('textarea')
-      .then(fields => {
-        debug(`Found ${fields.value.length} <textarea> elements`);
-        return Promise.map(fields.value, field => browser.elementIdAttribute(field.ELEMENT, 'name')
-          .then(name => completeTextField(field.ELEMENT, name.value)));
-      })
-      .then(() => {
-        if (options.screenshots) {
-          const screenshot = require('path').resolve(options.screenshots, 'hof-autofill.pre-submit.png');
-          return browser.saveScreenshot(screenshot);
+  async function completeStep(path) {
+    const completedRadioGroups = new Set();
+
+    // Fill inputs
+    const inputs = await browser.$$('input');
+    debug(`Found ${inputs.length} <input> elements`);
+    for (const element of inputs) {
+      const type = await element.getAttribute('type');
+      const name = await element.getAttribute('name');
+      if (type === 'radio') {
+        if (!completedRadioGroups.has(name)) {
+          completedRadioGroups.add(name);
+          await completeRadioGroup(name);
         }
-      })
-      .then(() => {
-        debug('Submitting form');
-        return browser.$('input[type="submit"]').click();
-      })
-      .then(() => browser.getUrl()
-        .then(p => {
-          const u = url.parse(p);
-          debug(`New page is: ${u.path}`);
-          if (u.path !== path) {
-            debug(`Checking current path ${u.path} against last path ${last}`);
-            if (last === u.path) {
-              count++;
-              debug(`Stuck on path ${u.path} for ${count} iterations`);
-              if (count === options.maxLoops) {
-                if (options.screenshots) {
-                  const screenshot = require('path').resolve(options.screenshots, 'hof-autofill.debug.png');
-                  return browser.saveScreenshot(screenshot)
-                    .then(() => {
-                      throw new Error(`Progress stuck at ${u.path} - screenshot saved to ${screenshot}`);
-                    });
-                }
-                throw new Error(`Progress stuck at ${u.path}`);
-              }
-            } else {
-              count = 0;
-            }
-            last = u.path;
-            return completeStep(path);
+      } else if (type === 'checkbox') {
+        await completeCheckbox(element, name);
+      } else if (type === 'file') {
+        await completeFileField(element, name);
+      } else if (type === 'text') {
+        await completeTextField(element, name);
+      } else {
+        debug(`Ignoring field of type ${type}`);
+      }
+    }
+
+    // Fill selects
+    const selects = await browser.$$('select');
+    debug(`Found ${selects.length} <select> elements`);
+    for (const element of selects) {
+      const name = await element.getAttribute('name');
+      await completeSelectElement(element, name);
+    }
+
+    // Fill textareas
+    const textareas = await browser.$$('textarea');
+    debug(`Found ${textareas.length} <textarea> elements`);
+    for (const element of textareas) {
+      const name = await element.getAttribute('name');
+      await completeTextField(element, name);
+    }
+
+    if (options.screenshots) {
+      const screenshot = path.resolve(options.screenshots, 'hof-autofill.pre-submit.png');
+      await browser.saveScreenshot(screenshot);
+    }
+
+    debug('Submitting form');
+    const submitBtn = await browser.$('input[type="submit"], button[type="submit"]');
+    if (!await submitBtn.isExisting()) {
+      throw new Error('No submit control found on page');
+    }
+    await submitBtn.click();
+
+    const p = await browser.getUrl();
+    const u = url.parse(p);
+    debug(`New page is: ${u.path}`);
+    if (u.path !== path) {
+      debug(`Checking current path ${u.path} against last path ${last}`);
+      if (last === u.path) {
+        count++;
+        debug(`Stuck on path ${u.path} for ${count} iterations`);
+        if (count === options.maxLoops) {
+          if (options.screenshots) {
+            const screenshot = path.resolve(options.screenshots, 'hof-autofill.debug.png');
+            await browser.saveScreenshot(screenshot);
+            throw new Error(`Progress stuck at ${u.path} - screenshot saved to ${screenshot}`);
           }
-          debug(`Arrived at ${path}. Done.`);
-        }))
-      .catch(e => browser.getText('#content')
-        .then(text => {
-          debug('PAGE CONTENT >>>>>>');
-          debug(text);
-          debug('END PAGE CONTENT >>>>>>');
-        })
-        .catch(() => null)
-        .then(() => {
-          throw e;
-        }));
+          throw new Error(`Progress stuck at ${u.path}`);
+        }
+      } else {
+        count = 0;
+      }
+      last = u.path;
+      return completeStep(path);
+    }
+    debug(`Arrived at ${path}. Done.`);
   }
 
-  return completeStep(target);
+  try {
+    await completeStep(target);
+  } catch (e) {
+    try {
+      const content = await browser.$('#content');
+      const text = await content.getText();
+      debug('PAGE CONTENT >>>>>>');
+      debug(text);
+      debug('END PAGE CONTENT >>>>>>');
+    } catch (err) {
+      // ignore error
+    }
+    throw e;
+  }
 };

package/frontend/govuk-template/govuk_template_generated.html

@@ -1,118 +0,0 @@
-
-<!DOCTYPE html>
-<!--[if lt IE 9]><html class="lte-ie8" lang="{{htmlLang}}"><![endif]-->
-<!--[if gt IE 8]><!--><html lang="{{htmlLang}}" class="govuk-template--rebranded"><!--<![endif]-->
-  <head>
-    <meta charset="utf-8" />
-    <title>{{$pageTitle}}{{/pageTitle}}</title>
-    {{$head}}{{/head}}
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
-    <meta name="theme-color" content="#1d70b8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <link rel="icon" sizes="48x48" href="{{govukAssetPath}}rebrand/images/favicon.ico">
-    <link rel="icon" sizes="any" href="{{govukAssetPath}}rebrand/images/favicon.svg" type="image/svg+xml">
-    <link rel="mask-icon" href="{{govukAssetPath}}rebrand/images/govuk-icon-mask.svg" color="#1d70b8">
-    <link rel="apple-touch-icon" href="{{govukAssetPath}}rebrand/images/govuk-icon-180.png">
-    <link rel="manifest" href="{{govukAssetPath}}rebrand/manifest.json">
-    <meta property="og:image" content="{{govukAssetPath}}rebrand/images/govuk-opengraph-image.png">
-  </head>
-
-  <body class="{{$bodyClasses}}{{/bodyClasses}} govuk-template__body  js-enabled" >
-    <script {{#nonce}}nonce="{{nonce}}"{{/nonce}}>document.body.className += ' js-enabled' + ('noModule' in HTMLScriptElement.prototype ? ' govuk-frontend-supported' : '');</script>
-
-
-    <div id="global-cookie-message" class="gem-c-cookie-banner govuk-clearfix" data-module="cookie-banner" role="region" aria-label="cookie banner" data-nosnippet="">
-       {{$cookieMessage}}{{/cookieMessage}}
-    </div>
-
-	{{$bodyStart}}{{/bodyStart}}
-
-    <header role="banner" id="govuk-header" class="{{$headerClass}}{{/headerClass}}">
-      <div class="govuk-header__container govuk-width-container">
-
-          <div class="govuk-header__logo">
-            <a href="{{$homepageUrl}}https://www.gov.uk{{/homepageUrl}}" title="{{$logoLinkTitle}}Go to the GOV.UK homepage{{/logoLinkTitle}}" id="logo" class="govuk-header__link govuk-header__link--homepage" target="_blank" data-module="track-click" data-track-category="homeLinkClicked" data-track-action="homeHeader">
-                <!--[if gt IE 8]><!-->
-                <div id="govuk-header__logo"></div>
-                <img src="/public/images/govuk-logo.svg" id="govuk-header__logo" alt="Logo" loading="lazy" />
-                  <!--<![endif]-->
-                  <!--[if IE 8]>
-                  <img src="{{govukAssetPath}}rebrand/images/govuk-logotype-tudor-crown.png" class="govuk-header__logotype-crown-fallback-image" width="32" height="30" alt="">
-                  <![endif]-->
-            </a>
-          </div>
-          {{$insideHeader}}{{/insideHeader}}
-
-        {{$propositionHeader}}{{/propositionHeader}}
-      </div>
-    </header>
-
-
-    {{$afterHeader}}{{/afterHeader}}
-
-
-    {{$main}}{{/main}}
-
-    <footer class="govuk-footer">
-      <div class="govuk-width-container">
-        <svg
-          focusable="false"
-          role="presentation"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 64 60"
-          height="30"
-          width="32"
-          fill="currentcolor" class="govuk-footer__crown">
-          <g>
-            <circle cx="20" cy="17.6" r="3.7" />
-            <circle cx="10.2" cy="23.5" r="3.7" />
-            <circle cx="3.7" cy="33.2" r="3.7" />
-            <circle cx="31.7" cy="30.6" r="3.7" />
-            <circle cx="43.3" cy="17.6" r="3.7" />
-            <circle cx="53.2" cy="23.5" r="3.7" />
-            <circle cx="59.7" cy="33.2" r="3.7" />
-            <circle cx="31.7" cy="30.6" r="3.7" />
-            <path d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z" />
-          </g>
-        </svg>
-        <div class="govuk-footer__meta">
-          <div class="govuk-footer__meta-item govuk-footer__meta-item--grow">
-            <h2 class="govuk-visually-hidden">Support links</h2>
-            {{$footerSupportLinks}}{{/footerSupportLinks}}
-            <svg
-              aria-hidden="true"
-              focusable="false"
-              class="govuk-footer__licence-logo"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 483.2 195.7"
-              height="17"
-              width="41">
-              <path
-                fill="currentColor"
-                d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145" />
-            </svg>
-            <span class="govuk-footer__licence-description">
-                {{$licenceMessage}}All content is available under the <a href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/" id="open-government-licence" class="govuk-footer__link" target="_blank" rel="license">Open Government Licence v3.0</a>, except where otherwise stated{{/licenceMessage}}
-            </span>
-          </div>
-          <div class="govuk-footer__meta-item">
-            <a
-              class="govuk-footer__link govuk-footer__copyright-logo"
-              href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/">
-              {{$crownCopyrightMessage}}© Crown copyright{{/crownCopyrightMessage}}
-            </a>
-          </div>
-        </div>
-      </div>
-    </footer>
-
-    <div id="global-app-error" class="app-error hidden"></div>
-
-
-    {{$bodyEnd}}{{/bodyEnd}}
-
-
-    <script  {{#nonce}}nonce="{{nonce}}"{{/nonce}}>if (typeof window.GOVUK === 'undefined') document.body.className = document.body.className.replace('js-enabled', '');</script>
-
-  </body>
-</html>