desy-html 6.5.0 → 6.6.0

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

@@ -1,54 +1,10 @@
 {% set exampleComponent = "table" %}
 {% set examples =  [
   {
-    "name": "default",
-    "data": {
-      "rows": [
-        [
-          {
-            "text": "January"
-          },
-          {
-            "text": "85€",
-            "classes": "text-right"
-          },
-          {
-            "text": "95€",
-            "classes": "text-right"
-          }
-        ],
-        [
-          {
-            "text": "February"
-          },
-          {
-            "text": "75€",
-            "classes": "text-right"
-          },
-          {
-            "text": "55€",
-            "classes": "text-right"
-          }
-        ],
-        [
-          {
-            "text": "March"
-          },
-          {
-            "text": "165€",
-            "classes": "text-right"
-          },
-          {
-            "text": "125€",
-            "classes": "text-right"
-          }
-        ]
-      ]
-    }
-  },
-  {
-    "name": "table with head",
+    "name": "table default",
     "data": {
+      "caption": "Caption de la tabla",
+      "captionClasses": "sr-only mb-base font-bold text-left text-lg",
       "head": [
         {
           "text": "Month you apply"
@@ -106,7 +62,7 @@
     }
   },
   {
-    "name": "table with head and caption",
+    "name": "table with caption visible",
     "data": {
       "caption": "Caption 1: Months and rates",
       "captionClasses": "mb-base font-bold text-left text-lg",

package/src/templates/components/table-advanced/_examples.table-advanced.njk

@@ -1,56 +1,11 @@
 {% set exampleComponent = "table-advanced" %}
 {% set examples =  [
   {
-    "name": "default",
+    "name": "table default",
     "data": {
-      "rows": [
-        [
-          {
-            "text": "January"
-          },
-          {
-            "text": "85€",
-            "classes": "text-right"
-          },
-          {
-            "text": "95€",
-            "classes": "text-right"
-          }
-        ],
-        [
-          {
-            "text": "February"
-          },
-          {
-            "text": "75€",
-            "classes": "text-right"
-          },
-          {
-            "text": "55€",
-            "classes": "text-right"
-          }
-        ],
-        [
-          {
-            "text": "March"
-          },
-          {
-            "text": "165€",
-            "classes": "text-right"
-          },
-          {
-            "text": "125€",
-            "classes": "text-right"
-          }
-        ]
-      ],
-      "classes": "min-w-full"
-    }
-  },
-  {
-    "name": "table with head",
-    "data": {
-      "idPrefix": "table-with-head",
+      "idPrefix": "table-default",
+      "caption": "Caption de la tabla",
+      "captionClasses": "sr-only mb-base font-bold text-left text-lg",
       "head": [
         {
           "text": "Month you apply"
@@ -109,10 +64,10 @@
     }
   },
   {
-    "name": "table with head and caption",
+    "name": "table with caption visible",
     "description": "Also with firstCellIsHeader: true",
     "data": {
-      "idPrefix": "table-with-head-and-caption",
+      "idPrefix": "table-with-caption",
       "caption": "Caption 1: Months and rates",
       "captionClasses": "mb-base font-bold text-left text-lg",
       "firstCellIsHeader": true,

package/test/backstop_config/backstop.config.js

@@ -1,35 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1,40 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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;