desy-html 6.4.1 → 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/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;

package/test/backstop_config/scenarios/styles.js

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