desy-html 6.4.0 → 6.5.0

package/src/templates/components/header-advanced/_template.header-advanced.njk

@@ -27,7 +27,7 @@
       {% if params.super.customHtml %}
         {{ params.super.customHtml }}
       {% else %}
-        <div class="{% if params.super.classes %}{{ params.super.classes }}{% else-%} h-32 bg-cover bg-no-repeat overflow-hidden{% endif %}" style="background-color: {{ params.super.backgroundFullColor }}; {% if params.super.backgroundFullUrl %} background-image: url('{{ params.super.backgroundFullUrl }}'){% endif %}">
+        <div class="{% if params.super.classes %}{{ params.super.classes }}{% else-%} h-32 bg-cover bg-center bg-no-repeat overflow-hidden{% endif %}" style="background-color: {{ params.super.backgroundFullColor }}; {% if params.super.backgroundFullUrl %} background-image: url('{{ params.super.backgroundFullUrl }}'){% endif %}">
           <div class="container h-full mx-auto px-base">
             <div class="relative h-full bg-cover bg-no-repeat" {% if params.super.backgroundContainerUrl %} style="background-image: url('{{ params.super.backgroundContainerUrl }}')"{% endif %}>
               {% if params.super.logo %}
@@ -149,7 +149,7 @@
       {% else %}
         <div class="{% if params.sub.classes %}{{ params.sub.classes }}{% else-%} h-32 bg-cover bg-no-repeat overflow-hidden{% endif %}" style="background-color: {{ params.sub.backgroundFullColor }}; {% if params.sub.backgroundFullUrl %} background-image: url('{{ params.sub.backgroundFullUrl }}'){% endif %}">
           <div class="container h-full mx-auto px-base">
-            <div class="relative h-full bg-cover bg-no-repeat" {% if params.sub.backgroundContainerUrl %} style="background-image: url('{{ params.sub.backgroundContainerUrl }}')"{% endif %}>
+            <div class="relative h-full bg-cover bg-center bg-no-repeat" {% if params.sub.backgroundContainerUrl %} style="background-image: url('{{ params.sub.backgroundContainerUrl }}')"{% endif %}>
               {% if params.sub.logo %}
                 <a href="{{ params.sub.logo.href | default('/') }}" class="{% if params.sub.logo.classes %}{{ params.sub.logo.classes }}{% else-%} absolute top-6 left-0 focus:outline-none focus:shadow-outline-black{% endif %}">
                   <img src="{{ params.sub.logo.url}}" alt="{{ params.sub.logo.alt}}">

package/src/templates/components/header-mini/_template.header-mini.njk

@@ -4,7 +4,7 @@
     <div class="bg-white border-b border-neutral-base">
       <div class="flex items-center px-base {% if params.hasContainer != false %}container mx-auto{% endif %}">
         <a href="{{ params.homepageUrl | default('https://www.aragon.es/') }}" class="inline-block pt-2.5 pb-2 text-black focus:outline-none focus:shadow-outline-black">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="117" height="26" class="inline-block fill-current" aria-label="Gobierno de Aragón. Ir a aragon.es" role="img"><defs><clipPath id="b-logo-expanded"><path fill="gold" d="M0 0h31.509v31.495H0z"/></clipPath><clipPath id="a-logo-expanded"><path d="M0 0h144v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-expanded)"><path fill="gold" d="M0 .205h31.509V31.7H0z"/><g clip-path="url(#b-logo-expanded)" transform="translate(0 .205)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.509 6.048-7.568 1.515a14.545 14.545 0 0 1-7.905-1.025 15.04 15.04 0 0 0-5-1.817 12.536 12.536 0 0 0-3.535-.011l-5.051.9c-.8.156-1.639.3-2.453.434V.315A7.1 7.1 0 0 1 3.888.226a9.926 9.926 0 0 1 2.085.936 17.6 17.6 0 0 0 4.293 1.962 13.92 13.92 0 0 0 6.6-.034l4.728-.858 4.939-.892 4.97-1.024ZM6.602 24.229a14.592 14.592 0 0 1 9.555 1.014 12.178 12.178 0 0 0 8.307 1.5l7.044-1.271v5.706a8.247 8.247 0 0 1-3.008.256 6.4 6.4 0 0 1-1.594-.457l-3.657-1.917a12.217 12.217 0 0 0-7.092-.825L1.026 31.011 0 31.177v-5.706l1.26-.256 3.312-.613c.669-.123 1.371-.245 2.029-.379ZM-.003 15.077v-4.391l13.027-2.377a15.5 15.5 0 0 1 9.11 1.638 12.535 12.535 0 0 0 8.474.925l.9-.189v4.391l-2.874-1.639a12.286 12.286 0 0 0-6.835-1.014l-8.006 1.46c-.959.179-2.877.524-2.877.524l-7.292 1.349a5.152 5.152 0 0 1-3.627-.677ZM31.509 16.583v4.324L18.6 23.282a15.5 15.5 0 0 1-9.11-1.638 12.532 12.532 0 0 0-8.474-.925l-1.015.19v-4.324l2.988 1.572a12.291 12.291 0 0 0 6.835 1.014l8.006-1.46c.959-.178 2.877-.524 2.877-.524l7.292-1.349a5.142 5.142 0 0 1 3.51.745Z"/></g></g><path d="M38.2 28.807v-8.551h1.393c2.893 0 4.478 1.522 4.478 4.286 0 2.829-1.521 4.265-4.5 4.265Zm10.4-11.4v14.294h9.47v-2.893h-6.277v-3.257h6.214v-2.893h-6.214v-2.379h6.277v-2.871Zm21.751 0-5.206 14.294h3.385l1.542-4.35h4.371l1.521 4.35h3.45L74.1 17.407Zm1.885 2.956-1.328 4.223h2.679Zm42.341 4.03h-3.192v4.5a4.206 4.206 0 0 1-1.371.193 4.251 4.251 0 0 1-4.242-4.5 4.443 4.443 0 0 1 4.735-4.65 7.481 7.481 0 0 1 4.071 1.243v-3.257a11.674 11.674 0 0 0-4.349-.857c-4.628 0-7.841 3.107-7.841 7.564 0 4.393 3.149 7.372 7.841 7.372a12.977 12.977 0 0 0 4.349-.75Zm16.132.129a7.424 7.424 0 1 0-7.391 7.436 7.122 7.122 0 0 0 7.393-7.436Zm-7.456-4.458c-2.4 0-4.006 1.822-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.627-4.501-4.048-4.501Zm8.689-2.657v14.294h3.257v-9.108l5.762 9.108h3.021V17.407h-3.256v8.889l-5.532-8.889ZM46.922 7.33h-3.193v4.5a4.335 4.335 0 0 1-5.613-4.307 4.443 4.443 0 0 1 4.735-4.65 7.487 7.487 0 0 1 4.071 1.243V.859a11.674 11.674 0 0 0-4.35-.858c-4.628 0-7.841 3.107-7.841 7.565 0 4.393 3.15 7.371 7.841 7.371a12.99 12.99 0 0 0 4.35-.75Zm16.116.128a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.396-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM64.107.344v14.293h5.914c3.15 0 4.992-1.565 4.992-4.243a3.717 3.717 0 0 0-2.978-3.728 3.133 3.133 0 0 0 1.95-2.936c.021-2.272-1.521-3.386-4.606-3.386Zm4.757 5.336c1.393 0 1.95-.386 1.95-1.35 0-.921-.536-1.264-2.057-1.264h-1.393V5.68Zm.429 6.043c1.585 0 2.271-.493 2.271-1.651 0-1.2-.707-1.671-2.4-1.671h-1.8v3.322ZM78.879.344h-3.192v14.293h3.192Zm1.39 0v14.293h9.47v-2.893h-6.278V8.487h6.214V5.594h-6.214V3.216h6.278V.345Zm50.463 7.114a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.395-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM97.917 24.585l-1.35-4.223-1.328 4.223ZM83.249 31.7v-5.872h.407c2.057 0 2.271.214 3.642 3.75a7.159 7.159 0 0 0 .3.729l.278.664a6.4 6.4 0 0 0 .343.729h4.641l1.543-4.35h4.371l1.521 4.35h3.45l-5.314-14.294h-3.749L90.46 28.997c-.3-.622-.642-1.371-1.04-2.291a3.042 3.042 0 0 0-1.907-2.014 3.416 3.416 0 0 0 2.614-3.429c0-2.571-1.693-3.857-5.1-3.857H79.97V31.7Zm0-8.572h1.414c1.371 0 2.057-.493 2.057-1.521s-.622-1.478-2.014-1.478h-1.457Zm11.156-8.492V8.764h.407c2.057 0 2.271.214 3.642 3.75a6.982 6.982 0 0 0 .3.729l.278.665a6.37 6.37 0 0 0 .342.729h6.432l.018-9.169 5.745 9.169h3.021V.344h-3.256l.014 8.769-5.542-8.769h-3.257v13.3a29.76 29.76 0 0 1-1.975-4 3.043 3.043 0 0 0-1.907-2.014 3.415 3.415 0 0 0 2.614-3.428c0-2.572-1.693-3.857-5.1-3.857h-5.054v14.293Zm0-8.572h1.412c1.371 0 2.056-.493 2.056-1.521s-.621-1.478-2.013-1.478h-1.457Zm-59.44 11.342V31.7h4.778c4.842 0 7.692-2.657 7.692-7.158 0-4.479-2.914-7.136-7.863-7.136Z" fill="#161615" fill-rule="evenodd"/></g></svg>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 32" width="117" height="26" class="inline-block fill-current" aria-label="Gobierno de Aragón. Ir a aragon.es" role="img"><defs><clipPath id="b-logo-expanded"><path fill="rgb(252, 228, 0)" d="M0 0h31.509v31.495H0z"/></clipPath><clipPath id="a-logo-expanded"><path d="M0 0h144v32H0z"/></clipPath></defs><g clip-path="url(#a-logo-expanded)"><path fill="rgb(252, 228, 0)" d="M0 .205h31.509V31.7H0z"/><g clip-path="url(#b-logo-expanded)" transform="translate(0 .205)"><g fill="#dd171b" fill-rule="evenodd"><path d="m31.509 6.048-7.568 1.515a14.545 14.545 0 0 1-7.905-1.025 15.04 15.04 0 0 0-5-1.817 12.536 12.536 0 0 0-3.535-.011l-5.051.9c-.8.156-1.639.3-2.453.434V.315A7.1 7.1 0 0 1 3.888.226a9.926 9.926 0 0 1 2.085.936 17.6 17.6 0 0 0 4.293 1.962 13.92 13.92 0 0 0 6.6-.034l4.728-.858 4.939-.892 4.97-1.024ZM6.602 24.229a14.592 14.592 0 0 1 9.555 1.014 12.178 12.178 0 0 0 8.307 1.5l7.044-1.271v5.706a8.247 8.247 0 0 1-3.008.256 6.4 6.4 0 0 1-1.594-.457l-3.657-1.917a12.217 12.217 0 0 0-7.092-.825L1.026 31.011 0 31.177v-5.706l1.26-.256 3.312-.613c.669-.123 1.371-.245 2.029-.379ZM-.003 15.077v-4.391l13.027-2.377a15.5 15.5 0 0 1 9.11 1.638 12.535 12.535 0 0 0 8.474.925l.9-.189v4.391l-2.874-1.639a12.286 12.286 0 0 0-6.835-1.014l-8.006 1.46c-.959.179-2.877.524-2.877.524l-7.292 1.349a5.152 5.152 0 0 1-3.627-.677ZM31.509 16.583v4.324L18.6 23.282a15.5 15.5 0 0 1-9.11-1.638 12.532 12.532 0 0 0-8.474-.925l-1.015.19v-4.324l2.988 1.572a12.291 12.291 0 0 0 6.835 1.014l8.006-1.46c.959-.178 2.877-.524 2.877-.524l7.292-1.349a5.142 5.142 0 0 1 3.51.745Z"/></g></g><path d="M38.2 28.807v-8.551h1.393c2.893 0 4.478 1.522 4.478 4.286 0 2.829-1.521 4.265-4.5 4.265Zm10.4-11.4v14.294h9.47v-2.893h-6.277v-3.257h6.214v-2.893h-6.214v-2.379h6.277v-2.871Zm21.751 0-5.206 14.294h3.385l1.542-4.35h4.371l1.521 4.35h3.45L74.1 17.407Zm1.885 2.956-1.328 4.223h2.679Zm42.341 4.03h-3.192v4.5a4.206 4.206 0 0 1-1.371.193 4.251 4.251 0 0 1-4.242-4.5 4.443 4.443 0 0 1 4.735-4.65 7.481 7.481 0 0 1 4.071 1.243v-3.257a11.674 11.674 0 0 0-4.349-.857c-4.628 0-7.841 3.107-7.841 7.564 0 4.393 3.149 7.372 7.841 7.372a12.977 12.977 0 0 0 4.349-.75Zm16.132.129a7.424 7.424 0 1 0-7.391 7.436 7.122 7.122 0 0 0 7.393-7.436Zm-7.456-4.458c-2.4 0-4.006 1.822-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.627-4.501-4.048-4.501Zm8.689-2.657v14.294h3.257v-9.108l5.762 9.108h3.021V17.407h-3.256v8.889l-5.532-8.889ZM46.922 7.33h-3.193v4.5a4.335 4.335 0 0 1-5.613-4.307 4.443 4.443 0 0 1 4.735-4.65 7.487 7.487 0 0 1 4.071 1.243V.859a11.674 11.674 0 0 0-4.35-.858c-4.628 0-7.841 3.107-7.841 7.565 0 4.393 3.15 7.371 7.841 7.371a12.99 12.99 0 0 0 4.35-.75Zm16.116.128a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.396-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM64.107.344v14.293h5.914c3.15 0 4.992-1.565 4.992-4.243a3.717 3.717 0 0 0-2.978-3.728 3.133 3.133 0 0 0 1.95-2.936c.021-2.272-1.521-3.386-4.606-3.386Zm4.757 5.336c1.393 0 1.95-.386 1.95-1.35 0-.921-.536-1.264-2.057-1.264h-1.393V5.68Zm.429 6.043c1.585 0 2.271-.493 2.271-1.651 0-1.2-.707-1.671-2.4-1.671h-1.8v3.322ZM78.879.344h-3.192v14.293h3.192Zm1.39 0v14.293h9.47v-2.893h-6.278V8.487h6.214V5.594h-6.214V3.216h6.278V.345Zm50.463 7.114a7.424 7.424 0 1 0-7.392 7.436 7.122 7.122 0 0 0 7.395-7.436Zm-7.456-4.457c-2.4 0-4.006 1.821-4.006 4.5s1.65 4.5 4.071 4.5c2.4 0 3.985-1.8 3.985-4.5s-1.626-4.5-4.047-4.5ZM97.917 24.585l-1.35-4.223-1.328 4.223ZM83.249 31.7v-5.872h.407c2.057 0 2.271.214 3.642 3.75a7.159 7.159 0 0 0 .3.729l.278.664a6.4 6.4 0 0 0 .343.729h4.641l1.543-4.35h4.371l1.521 4.35h3.45l-5.314-14.294h-3.749L90.46 28.997c-.3-.622-.642-1.371-1.04-2.291a3.042 3.042 0 0 0-1.907-2.014 3.416 3.416 0 0 0 2.614-3.429c0-2.571-1.693-3.857-5.1-3.857H79.97V31.7Zm0-8.572h1.414c1.371 0 2.057-.493 2.057-1.521s-.622-1.478-2.014-1.478h-1.457Zm11.156-8.492V8.764h.407c2.057 0 2.271.214 3.642 3.75a6.982 6.982 0 0 0 .3.729l.278.665a6.37 6.37 0 0 0 .342.729h6.432l.018-9.169 5.745 9.169h3.021V.344h-3.256l.014 8.769-5.542-8.769h-3.257v13.3a29.76 29.76 0 0 1-1.975-4 3.043 3.043 0 0 0-1.907-2.014 3.415 3.415 0 0 0 2.614-3.428c0-2.572-1.693-3.857-5.1-3.857h-5.054v14.293Zm0-8.572h1.412c1.371 0 2.056-.493 2.056-1.521s-.621-1.478-2.013-1.478h-1.457Zm-59.44 11.342V31.7h4.778c4.842 0 7.692-2.657 7.692-7.158 0-4.479-2.914-7.136-7.863-7.136Z" fill="#161615" fill-rule="evenodd"/></g></svg>
         </a>
         {{ params.customNavigationHtml | safe if params.customNavigationHtml }}
       </div>

package/src/templates/components/notification/_examples.notification.njk

@@ -175,4 +175,4 @@
       "id": "with-mixed-params"
     }
   }
-] %}
+] %}

package/test/backstop_config/backstop.config.js

@@ -0,0 +1,35 @@
+const scenarios = require('./scenarios');
+
+const config = (scenarios) => {
+
+  return {
+    "id": "Desy",
+    "viewports": [
+      {
+        "label": "desktop",
+        "width": 1440,
+        "height": 768
+      }
+    ],
+    "onBeforeScript": "puppet/onBefore.js",
+    "onReadyScript": "puppet/onReady.js",
+    "scenarios": scenarios,
+    "paths": {
+      "bitmaps_reference": "test/backstop_data/bitmaps_reference",
+      "bitmaps_test": "test/backstop_data/bitmaps_test",
+      "engine_scripts": "test/backstop_data/engine_scripts",
+      "html_report": "test/backstop_data/html_report"
+    },
+    "report": ["browser"],
+    "engine": "puppeteer",
+    "engineOptions": {
+      "args": ["--no-sandbox"]
+    },
+    "asyncCaptureLimit": 5,
+    "asyncCompareLimit": 50,
+    "debug": false,
+    "debugWindow": false
+  }
+};
+
+module.exports = config(scenarios);

package/test/backstop_config/scenarios/components_a.js

@@ -0,0 +1,31 @@
+const components_a = [
+  {
+    "label": "Accordion",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-accordion.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-accordion.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Accordion history",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-accordion-history.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-accordion-history.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Alert",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-alert.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-alert.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_a;

package/test/backstop_config/scenarios/components_b.js

@@ -0,0 +1,31 @@
+const components_b = [
+  {
+    "label": "Breadcrumbs",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-breadcrumbs.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-breadcrumbs.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Button",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-button.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-button.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Button loader",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-button-loader.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-button-loader.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_b;

package/test/backstop_config/scenarios/components_c.js

@@ -0,0 +1,31 @@
+const components_c = [
+  {
+    "label": "Character count",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-character-count.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-character-count.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Checkboxes",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-checkboxes.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-checkboxes.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Collapsible",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-collapsible.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-collapsible.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_c;

package/test/backstop_config/scenarios/components_d.js

@@ -0,0 +1,49 @@
+const components_d = [
+  {
+    "label": "Dialog",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-dialog.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-dialog.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Date input",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-date-input.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-date-input.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Description list",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-description-list.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-description-list.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Details",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-details.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-details.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Dropdown",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-dropdown.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-dropdown.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_d;

package/test/backstop_config/scenarios/components_e.js

@@ -0,0 +1,22 @@
+const components_e = [
+  {
+    "label": "Error message",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-error-message.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-error-message.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Error summary",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-error-summary.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-error-summary.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_e;

package/test/backstop_config/scenarios/components_f.js

@@ -0,0 +1,31 @@
+const components_f = [
+  {
+    "label": "Fieldset",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-fieldset.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-fieldset.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "File upload",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-file-upload.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-file-upload.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Footer",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-footer.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-footer.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_f;

package/test/backstop_config/scenarios/components_h.js

@@ -0,0 +1,40 @@
+const components_h = [
+  {
+    "label": "Header",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-header.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-header.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Header mini",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-header-mini.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-header-mini.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Header advanced",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-header-advanced.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-header-advanced.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Hint",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-hint.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-hint.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_h;

package/test/backstop_config/scenarios/components_i.js

@@ -0,0 +1,40 @@
+const components_i = [
+  {
+    "label": "Input",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-input.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-input.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Input group",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-input-group.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-input-group.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Item",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-item.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-item.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Hint",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-hint.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-hint.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_i;

package/test/backstop_config/scenarios/components_l.js

@@ -0,0 +1,22 @@
+const components_l = [
+  {
+    "label": "Label",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-label.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-label.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Listbox",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-listbox.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-listbox.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_l;

package/test/backstop_config/scenarios/components_m.js

@@ -0,0 +1,58 @@
+const components_m = [
+  {
+    "label": "Media object",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-media-object.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-media-object.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Menu horizontal",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-menu-horizontal.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-menu-horizontal.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Menu navigation",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-menu-navigation.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-menu-navigation.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Menu vertical",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-menu-vertical.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-menu-vertical.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Menubar",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-menubar.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-menubar.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Modal",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-modal.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-modal.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_m;

package/test/backstop_config/scenarios/components_n.js

@@ -0,0 +1,22 @@
+const components_n = [
+  {
+    "label": "Nav",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-nav.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-nav.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Notification",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-notification.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-notification.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_n;

package/test/backstop_config/scenarios/components_p.js

@@ -0,0 +1,22 @@
+const components_p = [
+  {
+    "label": "Pagination",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-pagination.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-pagination.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Pill",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-pill.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-pill.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_p;

package/test/backstop_config/scenarios/components_r.js

@@ -0,0 +1,13 @@
+const components_r = [
+  {
+    "label": "Pagination",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-radios.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-radios.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_r;

package/test/backstop_config/scenarios/components_s.js

@@ -0,0 +1,58 @@
+const components_s = [
+  {
+    "label": "Searchbar",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-searchbar.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-searchbar.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Select",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-select.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-select.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Skip link",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-skip-link.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-skip-link.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Spinner",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-spinner.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-spinner.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Status",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-status.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-status.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Status item",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-status-item.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-status-item.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_s;

package/test/backstop_config/scenarios/components_t.js

@@ -0,0 +1,67 @@
+const components_s = [
+  {
+    "label": "Table",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-table.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-table.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Table advanced",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-table-advanced.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-table-advanced.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Tabs",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-tabs.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-tabs.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Textarea",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-textarea.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-textarea.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Toggle",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-toggle.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-toggle.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Tooltip",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-tooltip.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-tooltip.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  },
+  {
+    "label": "Tree",
+    "baseAuth": false,
+    "url": "http://localhost:3000/examples-tree.html",
+    "referenceUrl": "https://desy.aragon.es/desy-html/examples-tree.html",
+    "delay": 3500,
+    "misMatchThreshold": 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = components_s;

package/test/backstop_config/scenarios/home.js

@@ -0,0 +1,12 @@
+const home = [
+  {
+    "label": "Home",
+    "url": "http://localhost:3000/",
+    "referenceUrl": "https://desy.aragon.es/desy-html/",
+    "delay": 3500,
+    "misMatchThreshold" : 0.1,
+    "requireSameDimensions": true
+  }
+]
+
+module.exports = home;