[Issue #36] Minor layout issues at md breakpoint (#37)

backdrop-contrib · Jan 27, 2025 · fba812f · fba812f
1 parent 92ae93c
commit fba812f
Show file tree

Hide file tree

Showing 32 changed files with 3,284 additions and 26 deletions.
diff --git a/.ops/output/vrt/report/a96f14595379b7c348d66e115ec65a93.png b/.ops/output/vrt/report/a96f14595379b7c348d66e115ec65a93.png
diff --git a/.ops/output/vrt/report/assets/fonts/Lato-Bold.ttf b/.ops/output/vrt/report/assets/fonts/Lato-Bold.ttf
diff --git a/.ops/output/vrt/report/assets/fonts/Lato-Regular.ttf b/.ops/output/vrt/report/assets/fonts/Lato-Regular.ttf
diff --git a/.ops/output/vrt/report/assets/fonts/lato-bold-webfont.woff b/.ops/output/vrt/report/assets/fonts/lato-bold-webfont.woff
diff --git a/.ops/output/vrt/report/assets/fonts/lato-bold-webfont.woff2 b/.ops/output/vrt/report/assets/fonts/lato-bold-webfont.woff2
diff --git a/.ops/output/vrt/report/assets/fonts/lato-regular-webfont.woff b/.ops/output/vrt/report/assets/fonts/lato-regular-webfont.woff
diff --git a/.ops/output/vrt/report/assets/fonts/lato-regular-webfont.woff2 b/.ops/output/vrt/report/assets/fonts/lato-regular-webfont.woff2
diff --git a/.ops/output/vrt/report/b815e28b1e230cff6e9d7b749edcd562.png b/.ops/output/vrt/report/b815e28b1e230cff6e9d7b749edcd562.png
diff --git a/.ops/output/vrt/report/config.js b/.ops/output/vrt/report/config.js
@@ -0,0 +1,208 @@
+report({
+  "testSuite": "BackstopJS",
+  "tests": [
+    {
+      "pair": {
+        "reference": "../approved/Header_Menus--desktop.png",
+        "test": "../test/20250127-190153/Header_Menus--desktop.png",
+        "selector": "document",
+        "fileName": "Header_Menus--desktop.png",
+        "label": "Header Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/",
+        "expect": 0,
+        "viewportLabel": "desktop",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 1.476658950617284,
+          "misMatchPercentage": "1.48",
+          "analysisTime": 69
+        },
+        "diffImage": "../test/20250127-190153/failed_diff_Header_Menus--desktop.png"
+      },
+      "status": "fail"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Header_Menus--mobile.png",
+        "test": "../test/20250127-190153/Header_Menus--mobile.png",
+        "selector": "document",
+        "fileName": "Header_Menus--mobile.png",
+        "label": "Header Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/",
+        "expect": 0,
+        "viewportLabel": "mobile",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 0.2441794434980125,
+          "misMatchPercentage": "0.24",
+          "analysisTime": 68
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Home--desktop.png",
+        "test": "../test/20250127-190153/Home--desktop.png",
+        "selector": "document",
+        "fileName": "Home--desktop.png",
+        "label": "Home",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/",
+        "expect": 0,
+        "viewportLabel": "desktop",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 1.476658950617284,
+          "misMatchPercentage": "1.48",
+          "analysisTime": 69
+        },
+        "diffImage": "../test/20250127-190153/failed_diff_Home--desktop.png"
+      },
+      "status": "fail"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Home--mobile.png",
+        "test": "../test/20250127-190153/Home--mobile.png",
+        "selector": "document",
+        "fileName": "Home--mobile.png",
+        "label": "Home",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/",
+        "expect": 0,
+        "viewportLabel": "mobile",
+        "diff": {
+          "isSameDimensions": false,
+          "dimensionDifference": {
+            "width": 0,
+            "height": -148
+          },
+          "rawMisMatchPercentage": 17.356647280889707,
+          "misMatchPercentage": "17.36",
+          "analysisTime": 84
+        },
+        "diffImage": "../test/20250127-190153/failed_diff_Home--mobile.png"
+      },
+      "status": "fail"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Menus--desktop.png",
+        "test": "../test/20250127-190153/Menus--desktop.png",
+        "selector": "document",
+        "fileName": "Menus--desktop.png",
+        "label": "Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/menus",
+        "expect": 0,
+        "viewportLabel": "desktop",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 0.050540123456790126,
+          "misMatchPercentage": "0.05",
+          "analysisTime": 61
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Menus--mobile.png",
+        "test": "../test/20250127-190153/Menus--mobile.png",
+        "selector": "document",
+        "fileName": "Menus--mobile.png",
+        "label": "Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/menus",
+        "expect": 0,
+        "viewportLabel": "mobile",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 0.12092215762273902,
+          "misMatchPercentage": "0.12",
+          "analysisTime": 55
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Long_Menus--desktop.png",
+        "test": "../test/20250127-190153/Long_Menus--desktop.png",
+        "selector": "document",
+        "fileName": "Long_Menus--desktop.png",
+        "label": "Long Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/menus/long",
+        "expect": 0,
+        "viewportLabel": "desktop",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 0.04606188466947961,
+          "misMatchPercentage": "0.05",
+          "analysisTime": 60
+        }
+      },
+      "status": "pass"
+    },
+    {
+      "pair": {
+        "reference": "../approved/Long_Menus--mobile.png",
+        "test": "../test/20250127-190153/Long_Menus--mobile.png",
+        "selector": "document",
+        "fileName": "Long_Menus--mobile.png",
+        "label": "Long Menus",
+        "requireSameDimensions": true,
+        "misMatchThreshold": 0.5,
+        "url": "http://app/menus/long",
+        "expect": 0,
+        "viewportLabel": "mobile",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "rawMisMatchPercentage": 0.12092215762273902,
+          "misMatchPercentage": "0.12",
+          "analysisTime": 61
+        }
+      },
+      "status": "pass"
+    }
+  ]
+});