diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..5581b15
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f6578d3
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d3b4c5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..d5aae84
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..990f8ba
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..d1a7a11
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..de845d6
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..304990d
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..5ed4a41
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..86867a1
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..c8886e6
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..2c6e963
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..38b6bb4
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..bb79165
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d2ce7e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..e8c3c9e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..7d61d5f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..62f7ab5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..30ea40e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f49d928
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..857a21f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..b78ed2b
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..be49bd5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..067db87
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..e60a08c
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..d1fa4bc
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..0170339
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..34df15d
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..073fe37
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..33536e5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..6c65fa2
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..cebf223
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..46ff977
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-210755/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-210755/report.json b/backstop_data/bitmaps_test/20241021-210755/report.json
new file mode 100644
index 0000000..182248e
--- /dev/null
+++ b/backstop_data/bitmaps_test/20241021-210755/report.json
@@ -0,0 +1,489 @@
+{
+ "testSuite": "BackstopJS",
+ "tests": [
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 1.1371527777777777,
+ "misMatchPercentage": "1.14",
+ "analysisTime": 90
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1240234375,
+ "misMatchPercentage": "2.12",
+ "analysisTime": 67
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1770833333333335,
+ "misMatchPercentage": "2.18",
+ "analysisTime": 24
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.952594926859634,
+ "misMatchPercentage": "8.95",
+ "analysisTime": 502
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.08041465378422,
+ "misMatchPercentage": "16.08",
+ "analysisTime": 486
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 22.731040396341466,
+ "misMatchPercentage": "22.73",
+ "analysisTime": 373
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.8655736060970716,
+ "misMatchPercentage": "3.87",
+ "analysisTime": 237
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.0464616402116405,
+ "misMatchPercentage": "3.05",
+ "analysisTime": 154
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.682580376940133,
+ "misMatchPercentage": "7.68",
+ "analysisTime": 138
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 5.06704650092081,
+ "misMatchPercentage": "5.07",
+ "analysisTime": 459
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 6.23141582799634,
+ "misMatchPercentage": "6.23",
+ "analysisTime": 373
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.408161569148936,
+ "misMatchPercentage": "8.41",
+ "analysisTime": 311
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 41.80272633744856,
+ "misMatchPercentage": "41.80",
+ "analysisTime": 527
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 59.5361328125,
+ "misMatchPercentage": "59.54",
+ "analysisTime": 596
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 52.258184523809526,
+ "misMatchPercentage": "52.26",
+ "analysisTime": 270
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.81705948372615,
+ "misMatchPercentage": "7.82",
+ "analysisTime": 158
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.483738111413043,
+ "misMatchPercentage": "16.48",
+ "analysisTime": 227
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-210755\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.180655619596543,
+ "misMatchPercentage": "16.18",
+ "analysisTime": 182
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-210755\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ }
+ ],
+ "id": "drink2go test-06"
+}
\ No newline at end of file
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..5581b15
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f6578d3
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d3b4c5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..d5aae84
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..990f8ba
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..d1a7a11
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..58e6e2a
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..b9941ee
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..2f0d4d8
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..dfc3558
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..4133198
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..f219cb1
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..38b6bb4
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..bb79165
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d2ce7e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..e8c3c9e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..7d61d5f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..62f7ab5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..30ea40e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f49d928
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..857a21f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..84795d7
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..73e16f0
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..fa5fd94
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..c95f1ed
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..5e8ae5c
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..927460b
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..34df15d
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..073fe37
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..33536e5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..6c65fa2
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..cebf223
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..46ff977
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-211221/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-211221/report.json b/backstop_data/bitmaps_test/20241021-211221/report.json
new file mode 100644
index 0000000..c5f3b88
--- /dev/null
+++ b/backstop_data/bitmaps_test/20241021-211221/report.json
@@ -0,0 +1,489 @@
+{
+ "testSuite": "BackstopJS",
+ "tests": [
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 1.1371527777777777,
+ "misMatchPercentage": "1.14",
+ "analysisTime": 115
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1240234375,
+ "misMatchPercentage": "2.12",
+ "analysisTime": 91
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1770833333333335,
+ "misMatchPercentage": "2.18",
+ "analysisTime": 71
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.952594926859634,
+ "misMatchPercentage": "8.95",
+ "analysisTime": 539
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.08041465378422,
+ "misMatchPercentage": "16.08",
+ "analysisTime": 657
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 22.731040396341466,
+ "misMatchPercentage": "22.73",
+ "analysisTime": 390
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.8774819494584842,
+ "misMatchPercentage": "3.88",
+ "analysisTime": 204
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.180390211640212,
+ "misMatchPercentage": "3.18",
+ "analysisTime": 144
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.574140798226164,
+ "misMatchPercentage": "7.57",
+ "analysisTime": 131
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 5.066950583179865,
+ "misMatchPercentage": "5.07",
+ "analysisTime": 435
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 6.231296698688625,
+ "misMatchPercentage": "6.23",
+ "analysisTime": 375
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.40799534574468,
+ "misMatchPercentage": "8.41",
+ "analysisTime": 308
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 41.80272633744856,
+ "misMatchPercentage": "41.80",
+ "analysisTime": 617
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 59.5361328125,
+ "misMatchPercentage": "59.54",
+ "analysisTime": 530
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 52.258184523809526,
+ "misMatchPercentage": "52.26",
+ "analysisTime": 301
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.81705948372615,
+ "misMatchPercentage": "7.82",
+ "analysisTime": 165
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.483738111413043,
+ "misMatchPercentage": "16.48",
+ "analysisTime": 216
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-211221\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.180655619596543,
+ "misMatchPercentage": "16.18",
+ "analysisTime": 215
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-211221\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ }
+ ],
+ "id": "drink2go test-06"
+}
\ No newline at end of file
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..5581b15
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f6578d3
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d3b4c5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..d5aae84
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..990f8ba
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..d1a7a11
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..58e6e2a
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..b9941ee
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..2f0d4d8
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..dfc3558
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..4133198
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..f219cb1
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..38b6bb4
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..bb79165
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..6d2ce7e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..e8c3c9e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..7d61d5f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..62f7ab5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..30ea40e
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..f49d928
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..857a21f
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..84795d7
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..73e16f0
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..fa5fd94
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..c95f1ed
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..5e8ae5c
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..927460b
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..34df15d
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..073fe37
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..33536e5
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png
new file mode 100644
index 0000000..6c65fa2
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png
new file mode 100644
index 0000000..cebf223
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png
new file mode 100644
index 0000000..46ff977
Binary files /dev/null and b/backstop_data/bitmaps_test/20241021-213156/failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png differ
diff --git a/backstop_data/bitmaps_test/20241021-213156/report.json b/backstop_data/bitmaps_test/20241021-213156/report.json
new file mode 100644
index 0000000..591ff7d
--- /dev/null
+++ b/backstop_data/bitmaps_test/20241021-213156/report.json
@@ -0,0 +1,489 @@
+{
+ "testSuite": "BackstopJS",
+ "tests": [
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 1.1371527777777777,
+ "misMatchPercentage": "1.14",
+ "analysisTime": 89
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1240234375,
+ "misMatchPercentage": "2.12",
+ "analysisTime": 72
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"header\"]",
+ "fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "label": "index header TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 2.1770833333333335,
+ "misMatchPercentage": "2.18",
+ "analysisTime": 43
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.952594926859634,
+ "misMatchPercentage": "8.95",
+ "analysisTime": 578
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.08041465378422,
+ "misMatchPercentage": "16.08",
+ "analysisTime": 524
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"hero\"]",
+ "fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "label": "index hero TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 22.731040396341466,
+ "misMatchPercentage": "22.73",
+ "analysisTime": 311
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.8774819494584842,
+ "misMatchPercentage": "3.88",
+ "analysisTime": 207
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 3.180390211640212,
+ "misMatchPercentage": "3.18",
+ "analysisTime": 149
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"features\"]",
+ "fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "label": "index features TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.574140798226164,
+ "misMatchPercentage": "7.57",
+ "analysisTime": 118
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 5.066950583179865,
+ "misMatchPercentage": "5.07",
+ "analysisTime": 535
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 6.231296698688625,
+ "misMatchPercentage": "6.23",
+ "analysisTime": 489
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"catalog\"]",
+ "fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "label": "index catalog TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 8.40799534574468,
+ "misMatchPercentage": "8.41",
+ "analysisTime": 362
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 41.80272633744856,
+ "misMatchPercentage": "41.80",
+ "analysisTime": 688
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 59.5361328125,
+ "misMatchPercentage": "59.54",
+ "analysisTime": 591
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"map\"]",
+ "fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "label": "index map TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 52.258184523809526,
+ "misMatchPercentage": "52.26",
+ "analysisTime": 311
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "desktop",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 7.81705948372615,
+ "misMatchPercentage": "7.82",
+ "analysisTime": 160
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "tablet",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.483738111413043,
+ "misMatchPercentage": "16.48",
+ "analysisTime": 237
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
+ },
+ "status": "fail"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "selector": "[data-test=\"footer\"]",
+ "fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "label": "index footer TEST-06. PP.",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 3,
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./figma/index.html",
+ "expect": 0,
+ "viewportLabel": "mobile",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "rawMisMatchPercentage": 16.180655619596543,
+ "misMatchPercentage": "16.18",
+ "analysisTime": 215
+ },
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
+ },
+ "status": "fail"
+ }
+ ],
+ "id": "drink2go test-06"
+}
\ No newline at end of file
diff --git a/backstop_data/html_report/config.js b/backstop_data/html_report/config.js
index 39b4746..8813952 100644
--- a/backstop_data/html_report/config.js
+++ b/backstop_data/html_report/config.js
@@ -4,7 +4,7 @@ report({
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
"label": "index header TEST-06. PP.",
@@ -14,25 +14,23 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 12.3359375,
- "misMatchPercentage": "12.34",
- "analysisTime": 128
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png"
+ "rawMisMatchPercentage": 1.1371527777777777,
+ "misMatchPercentage": "1.14",
+ "analysisTime": 89
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
"label": "index header TEST-06. PP.",
@@ -42,25 +40,23 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 30.392252604166664,
- "misMatchPercentage": "30.39",
- "analysisTime": 131
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png"
+ "rawMisMatchPercentage": 2.1240234375,
+ "misMatchPercentage": "2.12",
+ "analysisTime": 72
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
"label": "index header TEST-06. PP.",
@@ -70,25 +66,23 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 48.52604166666667,
- "misMatchPercentage": "48.53",
- "analysisTime": 98
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png"
+ "rawMisMatchPercentage": 2.1770833333333335,
+ "misMatchPercentage": "2.18",
+ "analysisTime": 43
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
"label": "index hero TEST-06. PP.",
@@ -98,25 +92,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 9.506983348895114,
- "misMatchPercentage": "9.51",
- "analysisTime": 386
+ "rawMisMatchPercentage": 8.952594926859634,
+ "misMatchPercentage": "8.95",
+ "analysisTime": 578
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
"label": "index hero TEST-06. PP.",
@@ -126,25 +119,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 16.682864080112722,
- "misMatchPercentage": "16.68",
- "analysisTime": 511
+ "rawMisMatchPercentage": 16.08041465378422,
+ "misMatchPercentage": "16.08",
+ "analysisTime": 524
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
"label": "index hero TEST-06. PP.",
@@ -154,25 +146,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 24.36499618902439,
- "misMatchPercentage": "24.36",
- "analysisTime": 298
+ "rawMisMatchPercentage": 22.731040396341466,
+ "misMatchPercentage": "22.73",
+ "analysisTime": 311
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
"label": "index features TEST-06. PP.",
@@ -182,25 +173,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 5.822553148816686,
- "misMatchPercentage": "5.82",
- "analysisTime": 279
+ "rawMisMatchPercentage": 3.8774819494584842,
+ "misMatchPercentage": "3.88",
+ "analysisTime": 207
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
"label": "index features TEST-06. PP.",
@@ -210,25 +200,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 12.98921130952381,
- "misMatchPercentage": "12.99",
- "analysisTime": 241
+ "rawMisMatchPercentage": 3.180390211640212,
+ "misMatchPercentage": "3.18",
+ "analysisTime": 149
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
"label": "index features TEST-06. PP.",
@@ -238,25 +227,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 14.390243902439023,
- "misMatchPercentage": "14.39",
- "analysisTime": 184
+ "rawMisMatchPercentage": 7.574140798226164,
+ "misMatchPercentage": "7.57",
+ "analysisTime": 118
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
"label": "index catalog TEST-06. PP.",
@@ -266,25 +254,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 6.466342464702271,
- "misMatchPercentage": "6.47",
- "analysisTime": 472
+ "rawMisMatchPercentage": 5.066950583179865,
+ "misMatchPercentage": "5.07",
+ "analysisTime": 535
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
"label": "index catalog TEST-06. PP.",
@@ -294,25 +281,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 7.805888323421775,
- "misMatchPercentage": "7.81",
- "analysisTime": 415
+ "rawMisMatchPercentage": 6.231296698688625,
+ "misMatchPercentage": "6.23",
+ "analysisTime": 489
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
"label": "index catalog TEST-06. PP.",
@@ -322,25 +308,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 9.997589760638299,
- "misMatchPercentage": "10.00",
- "analysisTime": 343
+ "rawMisMatchPercentage": 8.40799534574468,
+ "misMatchPercentage": "8.41",
+ "analysisTime": 362
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
"label": "index map TEST-06. PP.",
@@ -350,25 +335,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 41.92361111111111,
- "misMatchPercentage": "41.92",
- "analysisTime": 548
+ "rawMisMatchPercentage": 41.80272633744856,
+ "misMatchPercentage": "41.80",
+ "analysisTime": 688
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
"label": "index map TEST-06. PP.",
@@ -378,25 +362,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 59.96310763888889,
- "misMatchPercentage": "59.96",
- "analysisTime": 635
+ "rawMisMatchPercentage": 59.5361328125,
+ "misMatchPercentage": "59.54",
+ "analysisTime": 591
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
"label": "index map TEST-06. PP.",
@@ -406,25 +389,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 53.211309523809526,
- "misMatchPercentage": "53.21",
- "analysisTime": 252
+ "rawMisMatchPercentage": 52.258184523809526,
+ "misMatchPercentage": "52.26",
+ "analysisTime": 311
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
"label": "index footer TEST-06. PP.",
@@ -434,25 +416,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 8.048073325851103,
- "misMatchPercentage": "8.05",
- "analysisTime": 228
+ "rawMisMatchPercentage": 7.81705948372615,
+ "misMatchPercentage": "7.82",
+ "analysisTime": 160
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
"label": "index footer TEST-06. PP.",
@@ -462,25 +443,24 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 17.342476222826086,
- "misMatchPercentage": "17.34",
- "analysisTime": 364
+ "rawMisMatchPercentage": 16.483738111413043,
+ "misMatchPercentage": "16.48",
+ "analysisTime": 237
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
"label": "index footer TEST-06. PP.",
@@ -490,18 +470,17 @@ report({
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 16.86149135446686,
- "misMatchPercentage": "16.86",
- "analysisTime": 181
+ "rawMisMatchPercentage": 16.180655619596543,
+ "misMatchPercentage": "16.18",
+ "analysisTime": 215
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
}
diff --git a/backstop_data/json_report/jsonReport.json b/backstop_data/json_report/jsonReport.json
index a1a1a20..0923924 100644
--- a/backstop_data/json_report/jsonReport.json
+++ b/backstop_data/json_report/jsonReport.json
@@ -5,8 +5,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png",
"label": "index header TEST-06. PP.",
@@ -16,27 +16,25 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 12.3359375,
- "misMatchPercentage": "12.34",
- "analysisTime": 128
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__0_desktop.png"
+ "rawMisMatchPercentage": 1.1371527777777777,
+ "misMatchPercentage": "1.14",
+ "analysisTime": 89
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png",
"label": "index header TEST-06. PP.",
@@ -46,27 +44,25 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 30.392252604166664,
- "misMatchPercentage": "30.39",
- "analysisTime": 131
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__1_tablet.png"
+ "rawMisMatchPercentage": 2.1240234375,
+ "misMatchPercentage": "2.12",
+ "analysisTime": 72
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"header\"]",
"fileName": "drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png",
"label": "index header TEST-06. PP.",
@@ -76,27 +72,25 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 48.52604166666667,
- "misMatchPercentage": "48.53",
- "analysisTime": 98
- },
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_0_index_header_TEST-06_PP_0__2_mobile.png"
+ "rawMisMatchPercentage": 2.1770833333333335,
+ "misMatchPercentage": "2.18",
+ "analysisTime": 43
+ }
},
- "status": "fail"
+ "status": "pass"
},
{
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png",
"label": "index hero TEST-06. PP.",
@@ -106,18 +100,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 9.506983348895114,
- "misMatchPercentage": "9.51",
- "analysisTime": 386
+ "rawMisMatchPercentage": 8.952594926859634,
+ "misMatchPercentage": "8.95",
+ "analysisTime": 578
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
@@ -125,8 +118,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png",
"label": "index hero TEST-06. PP.",
@@ -136,18 +129,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 16.682864080112722,
- "misMatchPercentage": "16.68",
- "analysisTime": 511
+ "rawMisMatchPercentage": 16.08041465378422,
+ "misMatchPercentage": "16.08",
+ "analysisTime": 524
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
@@ -155,8 +147,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"hero\"]",
"fileName": "drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png",
"label": "index hero TEST-06. PP.",
@@ -166,18 +158,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 24.36499618902439,
- "misMatchPercentage": "24.36",
- "analysisTime": 298
+ "rawMisMatchPercentage": 22.731040396341466,
+ "misMatchPercentage": "22.73",
+ "analysisTime": 311
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_1_index_hero_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
@@ -185,8 +176,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png",
"label": "index features TEST-06. PP.",
@@ -196,18 +187,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 5.822553148816686,
- "misMatchPercentage": "5.82",
- "analysisTime": 279
+ "rawMisMatchPercentage": 3.8774819494584842,
+ "misMatchPercentage": "3.88",
+ "analysisTime": 207
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
@@ -215,8 +205,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png",
"label": "index features TEST-06. PP.",
@@ -226,18 +216,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 12.98921130952381,
- "misMatchPercentage": "12.99",
- "analysisTime": 241
+ "rawMisMatchPercentage": 3.180390211640212,
+ "misMatchPercentage": "3.18",
+ "analysisTime": 149
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
@@ -245,8 +234,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"features\"]",
"fileName": "drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png",
"label": "index features TEST-06. PP.",
@@ -256,18 +245,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 14.390243902439023,
- "misMatchPercentage": "14.39",
- "analysisTime": 184
+ "rawMisMatchPercentage": 7.574140798226164,
+ "misMatchPercentage": "7.57",
+ "analysisTime": 118
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_2_index_features_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
@@ -275,8 +263,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png",
"label": "index catalog TEST-06. PP.",
@@ -286,18 +274,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 6.466342464702271,
- "misMatchPercentage": "6.47",
- "analysisTime": 472
+ "rawMisMatchPercentage": 5.066950583179865,
+ "misMatchPercentage": "5.07",
+ "analysisTime": 535
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
@@ -305,8 +292,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png",
"label": "index catalog TEST-06. PP.",
@@ -316,18 +303,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 7.805888323421775,
- "misMatchPercentage": "7.81",
- "analysisTime": 415
+ "rawMisMatchPercentage": 6.231296698688625,
+ "misMatchPercentage": "6.23",
+ "analysisTime": 489
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
@@ -335,8 +321,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"catalog\"]",
"fileName": "drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png",
"label": "index catalog TEST-06. PP.",
@@ -346,18 +332,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 9.997589760638299,
- "misMatchPercentage": "10.00",
- "analysisTime": 343
+ "rawMisMatchPercentage": 8.40799534574468,
+ "misMatchPercentage": "8.41",
+ "analysisTime": 362
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_3_index_catalog_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
@@ -365,8 +350,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png",
"label": "index map TEST-06. PP.",
@@ -376,18 +361,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 41.92361111111111,
- "misMatchPercentage": "41.92",
- "analysisTime": 548
+ "rawMisMatchPercentage": 41.80272633744856,
+ "misMatchPercentage": "41.80",
+ "analysisTime": 688
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
@@ -395,8 +379,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png",
"label": "index map TEST-06. PP.",
@@ -406,18 +390,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 59.96310763888889,
- "misMatchPercentage": "59.96",
- "analysisTime": 635
+ "rawMisMatchPercentage": 59.5361328125,
+ "misMatchPercentage": "59.54",
+ "analysisTime": 591
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
@@ -425,8 +408,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"map\"]",
"fileName": "drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png",
"label": "index map TEST-06. PP.",
@@ -436,18 +419,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 53.211309523809526,
- "misMatchPercentage": "53.21",
- "analysisTime": 252
+ "rawMisMatchPercentage": 52.258184523809526,
+ "misMatchPercentage": "52.26",
+ "analysisTime": 311
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_4_index_map_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
},
@@ -455,8 +437,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.log.json",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png",
"label": "index footer TEST-06. PP.",
@@ -466,18 +448,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "desktop",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 8.048073325851103,
- "misMatchPercentage": "8.05",
- "analysisTime": 228
+ "rawMisMatchPercentage": 7.81705948372615,
+ "misMatchPercentage": "7.82",
+ "analysisTime": 160
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__0_desktop.png"
},
"status": "fail"
},
@@ -485,8 +466,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.log.json",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png",
"label": "index footer TEST-06. PP.",
@@ -496,18 +477,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "tablet",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 17.342476222826086,
- "misMatchPercentage": "17.34",
- "analysisTime": 364
+ "rawMisMatchPercentage": 16.483738111413043,
+ "misMatchPercentage": "16.48",
+ "analysisTime": 237
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__1_tablet.png"
},
"status": "fail"
},
@@ -515,8 +495,8 @@
"pair": {
"reference": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
"referenceLog": "..\\bitmaps_reference\\test-06\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.log.json",
- "test": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
- "testLog": "..\\bitmaps_test\\20241019-234301\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.log.json",
+ "test": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
+ "testLog": "..\\bitmaps_test\\20241021-213156\\drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.log.json",
"selector": "[data-test=\"footer\"]",
"fileName": "drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png",
"label": "index footer TEST-06. PP.",
@@ -526,18 +506,17 @@
"referenceUrl": "./figma/index.html",
"expect": 0,
"viewportLabel": "mobile",
- "engineErrorMsg": "net::ERR_CONNECTION_REFUSED at http://localhost:3000/index.html",
"diff": {
"isSameDimensions": true,
"dimensionDifference": {
"width": 0,
"height": 0
},
- "rawMisMatchPercentage": 16.86149135446686,
- "misMatchPercentage": "16.86",
- "analysisTime": 181
+ "rawMisMatchPercentage": 16.180655619596543,
+ "misMatchPercentage": "16.18",
+ "analysisTime": 215
},
- "diffImage": "..\\bitmaps_test\\20241019-234301\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
+ "diffImage": "..\\bitmaps_test\\20241021-213156\\failed_diff_drink2gotest-06_5_index_footer_TEST-06_PP_0__2_mobile.png"
},
"status": "fail"
}
diff --git a/source/icons/social/ok.svg b/source/icons/social/ok.svg
new file mode 100644
index 0000000..ba8cab0
--- /dev/null
+++ b/source/icons/social/ok.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/source/icons/social/pinterest.svg b/source/icons/social/pinterest.svg
new file mode 100644
index 0000000..0df742b
--- /dev/null
+++ b/source/icons/social/pinterest.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/source/icons/social/vk.svg b/source/icons/social/vk.svg
new file mode 100644
index 0000000..fb1a68d
--- /dev/null
+++ b/source/icons/social/vk.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/source/index.html b/source/index.html
index 5e647e2..70df794 100644
--- a/source/index.html
+++ b/source/index.html
@@ -24,7 +24,7 @@
alt="Логотип интернет-магазина drink2go">
-
diff --git a/source/scripts/index.js b/source/scripts/index.js
index 4a2267d..4b655f9 100644
--- a/source/scripts/index.js
+++ b/source/scripts/index.js
@@ -1,4 +1,4 @@
-/* в этот файл добавляет скрипты*/
+/* Menu*/
const header = document.querySelector('.header');
const headerToggle = document.querySelector('.js-toggle-button');
diff --git a/source/styles/blocks/contacts-list.scss b/source/styles/blocks/contacts-list.scss
new file mode 100644
index 0000000..5392a7a
--- /dev/null
+++ b/source/styles/blocks/contacts-list.scss
@@ -0,0 +1,22 @@
+.contacts-list {
+ padding-bottom: 12px;
+
+ @media (min-width: $desktop-width) {
+ padding-bottom: 0;
+ }
+}
+
+.contacts-list__item {
+ font-family: $montserrat-medium;
+ font-size: 14px;
+ line-height: 20px;
+ padding-bottom: 3px;
+ text-transform: none;
+ display: flex;
+ gap: 6px;
+ list-style: none;
+}
+
+.contacts-list__list-text {
+ padding-bottom: 13px;
+}
diff --git a/source/styles/blocks/features.scss b/source/styles/blocks/features.scss
index 1739ad0..80d3041 100644
--- a/source/styles/blocks/features.scss
+++ b/source/styles/blocks/features.scss
@@ -1,14 +1,7 @@
-// .features {
-// // @media (min-width: $desktop-width) {
-// // width: 1140px;
-// // padding: 50px 40px;
-// // }
-// }
-
.features__wrapper {
margin: 0 auto;
width: 320px;
- padding: 58px 20px;
+ padding: 57px 20px;
display: flex;
flex-direction: column;
@@ -24,9 +17,8 @@
.features__title {
min-width: 280px;
- // min-height: 72px;
display: flex;
- margin: 4px auto 0;
+ margin: 5px auto 0;
color: $base-black;
font-family: $montserrat-bold;
font-size: 24px;
@@ -46,7 +38,6 @@
margin-bottom: 50px;
font-size: 40px;
letter-spacing: 0.09vw;
-
}
}
@@ -58,7 +49,7 @@
line-height: 16px;
text-align: center;
text-transform: uppercase;
- letter-spacing: 0.51px;
+ letter-spacing: 0.06vw;
}
.features__list {
@@ -70,19 +61,15 @@
@media (min-width: $tablet-width) {
display: grid;
grid-template-columns: 368px 363px;
- margin-top: 62px;
+ margin-top: 63px;
}
@media (min-width: $desktop-width) {
align-items: normal;
display: grid;
- align-items: stretch;
- // justify-content: center;
grid-template-columns: repeat(4, 317px);
- // grid-template-columns: 318px 300px 305px 300px;
column-gap: 31px;
margin-top: 108px;
-
}
}
@@ -100,7 +87,7 @@
display: flex;
flex-direction: column;
padding: 0 25px 0 83px;
- margin: 0 0 56px;
+ margin: 0 0 57px;
}
@media (min-width: $desktop-width) {
@@ -117,7 +104,6 @@
@media (max-width: $mobile-width-only) {
min-width: 75px;
- // padding: 0 20px;
margin: 10px 0 1px;
text-align: center;
}
@@ -134,16 +120,6 @@
}
}
-// .features__grid-tablet {
-// @media (min-width: $tablet-width) {
-// display: flex;
-// flex-direction: column;
-// align-items: flex-start;
-// padding: 0 25px;
-// }
-
-// }
-
.features__icon {
@media (max-width: $mobile-width-only) {
margin: 35px 0 0;
@@ -164,6 +140,8 @@
&--speed::before {
@include features-icon-base-styles;
+ // top: -10px;
+ // left: 10;
background-image: url("../../icons/features/clock.svg");
}
@@ -174,6 +152,8 @@
&--energy::before {
@include features-icon-base-styles;
+ // top: -15px;
+ // left: 10;
background-image: url("../../icons/features/lightning.svg");
}
diff --git a/source/styles/blocks/footer-nav.scss b/source/styles/blocks/footer-nav.scss
new file mode 100644
index 0000000..16ffd4c
--- /dev/null
+++ b/source/styles/blocks/footer-nav.scss
@@ -0,0 +1,97 @@
+.footer-nav {
+ @media (min-width: $tablet-width) {
+ display: grid;
+ grid-template-rows: 1fr;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-gap: 30px;
+ margin-top: 10px;
+ }
+
+ @media (min-width: $desktop-width) {
+ margin-top: 50px;
+ margin-left: 63px;
+ }
+}
+
+.footer-nav__item {
+ position: relative;
+ padding-bottom: 8px;
+
+ &::after {
+ content: "";
+ position: absolute;
+ height: 1px;
+ background-color: $base-secondary;
+ left: calc(0vw - 90%);
+ right: calc(0vw - 90%);
+ bottom: 0;
+ width: auto;
+ }
+
+ @media (min-width: $tablet-width) {
+ width: 223px;
+ padding: 0;
+
+ &--contacts {
+ padding-bottom: 4px;
+ }
+
+ &::after {
+ content: none;
+ }
+ }
+
+ @media (min-width: $desktop-width) {
+ width: 100%;
+ }
+}
+
+.footer-nav__title {
+ font-family: $montserrat-bold;
+ font-size: 14px;
+ line-height: 20px;
+ letter-spacing: 0.02em;
+ color: $base-primary;
+ margin: 0;
+ padding: 20px 0;
+
+ @media (min-width: $tablet-width) {
+ padding: 0 0 20px;
+ }
+
+ @media (min-width: $desktop-width) {
+ padding-bottom: 20px;
+ }
+}
+
+.footer-nav__list {
+ margin: 0;
+ padding: 0;
+}
+
+.footer-nav__list-item {
+ font-family: $montserrat-medium;
+ font-size: 12px;
+ line-height: 16px;
+ padding-bottom: 20px;
+ letter-spacing: 0.02em;
+ text-transform: uppercase;
+ list-style: none;
+
+ @media (min-width: $desktop-width) {
+ padding-bottom: 20px;
+ }
+}
+
+.footer-nav__list-item a {
+ cursor: pointer;
+
+ &:hover,
+ &:focus {
+ color: $primary-lighter;
+ }
+
+ &:active {
+ color: $primary-darker;
+ }
+}
diff --git a/source/styles/blocks/footer.scss b/source/styles/blocks/footer.scss
new file mode 100644
index 0000000..80734c7
--- /dev/null
+++ b/source/styles/blocks/footer.scss
@@ -0,0 +1,87 @@
+.footer {
+ overflow-x: hidden;
+ padding: 0 20px;
+}
+
+.footer__inner {
+ @media (min-width: $desktop-width) {
+ display: grid;
+ grid-template-areas:
+ "wrapper nav"
+ "copyright copyright";
+ grid-template-columns: auto 1fr;
+ }
+}
+
+.footer__wrapper {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 21px 0 18px;
+
+ &::after {
+ content: "";
+ position: absolute;
+ height: 1px;
+ background-color: $base-secondary;
+ left: calc(0vw - 90%);
+ right: calc(0vw - 90%);
+ bottom: 0;
+ width: auto;
+ }
+
+ @media (min-width: $tablet-width) {
+ padding-top: 40px;
+ border: 0;
+
+ &::after {
+ content: none;
+ }
+ }
+
+ @media (min-width: $desktop-width) {
+ grid-area: wrapper;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ }
+}
+
+.footer__logo {
+ @media (min-width: $desktop-width) {
+ margin-bottom: 6px;
+ }
+}
+
+.footer__slogan {
+ display: none;
+
+ @media (min-width: $desktop-width) {
+ display: block;
+ font-family: $montserrat-regular;
+ font-size: 14px;
+ color: $base-black;
+ line-height: 20px;
+ margin: 0 0 50px;
+ }
+}
+
+.footer__copyright {
+ font-family: $montserrat-regular;
+ color: $base-grey;
+ font-size: 12px;
+ line-height: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 206px;
+ margin: 0 auto;
+ padding: 20px 0 9px;
+
+ @media (min-width: $desktop-width) {
+ grid-area: copyright;
+ padding: 8px 0 7px;
+ }
+}
diff --git a/source/styles/blocks/header.scss b/source/styles/blocks/header.scss
index f53af3f..afd5c10 100644
--- a/source/styles/blocks/header.scss
+++ b/source/styles/blocks/header.scss
@@ -1,7 +1,3 @@
-.header {
- background-color: $white;
-}
-
.header__wrapper {
@media (max-width: $mobile-width-only) {
position: relative;
@@ -30,25 +26,20 @@
}
.header__logo-wrapper {
- @media (min-width: $tablet-width) {
- // width: 145px;
- }
-
@media (min-width: $desktop-width) {
- // min-width: 130px;
display: flex;
align-items: center;
}
}
@media (min-width: $desktop-width) {
- .header__text-title-desktop {
+ .header__slogan-desktop {
margin-left: 20px;
width: 132px;
}
}
-.header__text-title-desktop--hidden {
+.header__slogan-desktop--hidden {
display: none;
@media (min-width: $desktop-width) {
@@ -131,7 +122,6 @@
.header--nojs .main-nav__wrapper {
position: static;
min-height: 0;
- // display: block;
}
}
diff --git a/source/styles/blocks/main-nav.scss b/source/styles/blocks/main-nav.scss
index c8853f0..dadab48 100644
--- a/source/styles/blocks/main-nav.scss
+++ b/source/styles/blocks/main-nav.scss
@@ -1,13 +1,3 @@
-.main-nav__wrapper {
- @media (min-width: $tablet-width) {
- // width: 400px;
- }
-
- @media (min-width: $desktop-width) {
- // width: 478px;
- }
-}
-
.main-nav__list {
@include list-reset;
diff --git a/source/styles/blocks/site-list.scss b/source/styles/blocks/site-list.scss
index 26536d4..c9ff1f3 100644
--- a/source/styles/blocks/site-list.scss
+++ b/source/styles/blocks/site-list.scss
@@ -18,20 +18,6 @@
}
}
-// .site-list {
-// @media (min-width: $tablet-width) {
-// width: 436px;
-// display: flex;
-// flex-wrap: wrap;
-// justify-content: space-between;
-// }
-
-// @media (min-width: $desktop-width) {
-// margin: 0 auto;
-// width: 475px;
-// }
-// }
-
.site-list__item {
@media (max-width: $mobile-width-only) {
border-top: 1px solid $base-secondary;
@@ -71,45 +57,4 @@
background-color: $base-primary;
}
}
-
- // &--bg-index::after {
- // @media (min-width: $desktop-width) {
- // background-color: $text-color;
- // }
- // }
}
-
-// .site-list__link {
-// min-width: 55px;
-// outline-offset: 5px;
-// }
-
-// .site-list__link--bg-index {
-// @media (min-width: $desktop-width) {
-// color: $text-color;
-// }
-// }
-
-// .site-list__item a[href] {
-// @media (min-width: $tablet-width) {
-// &:hover {
-// transition: all 0.2s ease;
-// opacity: 0.6;
-// }
-
-// &:active {
-// opacity: 0.3;
-// }
-// }
-
-// @media (max-width: $mobile-width-only) {
-// &:hover {
-// transition: all 0.2s ease;
-// opacity: 0.6;
-// }
-
-// &:active {
-// opacity: 0.3;
-// }
-// }
-// }
diff --git a/source/styles/blocks/social-list.scss b/source/styles/blocks/social-list.scss
new file mode 100644
index 0000000..b08ada4
--- /dev/null
+++ b/source/styles/blocks/social-list.scss
@@ -0,0 +1,48 @@
+.social-list {
+ @include list-reset;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-end;
+ width: 160px;
+ margin: 0;
+ padding: 0;
+
+ @media (min-width: $desktop-width) {
+ justify-content: flex-start;
+ }
+}
+
+.social-list__item {
+ list-style: none;
+
+ &:not(:last-child) {
+ margin-right: 20px;
+ }
+}
+
+.social-list__link {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-width: 40px;
+ min-height: 40px;
+ background-color: transparent;
+ border-radius: 4px;
+ color: $base-grey;
+
+ &:hover,
+ &:focus {
+ background-color: $base-secondary;
+ color: $base-primary;
+ }
+
+ &:active {
+ background-color: rgba(120, 89, 207, 0.25);
+ color: $base-primary;
+ }
+}
+
+.social-list__link-icon {
+ fill: currentColor;
+}
diff --git a/source/styles/blocks/user-menu.scss b/source/styles/blocks/user-menu.scss
index d23960d..d86110d 100644
--- a/source/styles/blocks/user-menu.scss
+++ b/source/styles/blocks/user-menu.scss
@@ -20,10 +20,6 @@
@media (max-width: $mobile-width-only) {
width: 230px;
}
-
- @media (min-width: $tablet-width) {
- // width: 180px;
- }
}
.user-menu__item {
@@ -76,7 +72,6 @@
}
}
-
.user-menu__cart::before,
.user-menu__enter::before {
@media (min-width: $desktop-width) {
diff --git a/source/styles/styles.scss b/source/styles/styles.scss
index 409b24a..32cc897 100644
--- a/source/styles/styles.scss
+++ b/source/styles/styles.scss
@@ -11,3 +11,7 @@
@import "./blocks/site-list.scss";
@import "./blocks/slider.scss";
@import "./blocks/features.scss";
+@import "./blocks/footer-nav.scss";
+@import "./blocks/footer.scss";
+@import "./blocks/social-list.scss";
+@import "./blocks/contacts-list.scss";
diff --git a/test-config/backstop-test-05.config.json b/test-config/backstop-test-05.config.json
index 347096f..056b2f2 100644
--- a/test-config/backstop-test-05.config.json
+++ b/test-config/backstop-test-05.config.json
@@ -23,7 +23,28 @@
"scaleToSameSize": true
},
"onReadyScript": "onReady.js",
- "scenarios": [],
+ "scenarios": [
+ {
+ "label": "index header TEST-05. Шрифты.",
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": [
+ "Главная",
+ "Доставка",
+ "Войти"
+ ],
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "onReadyScript": "textStylesOnly.js",
+ "misMatchThreshold": 5
+ }
+ ],
"fileNameTemplate": "{configId}_{scenarioLabel}_{selectorIndex}_{viewportLabel}",
"paths": {
"bitmaps_reference": "backstop_data/bitmaps_reference/test-05",
diff --git a/test-config/backstop-test-07.config.json b/test-config/backstop-test-07.config.json
index 652b594..4c3eaaa 100644
--- a/test-config/backstop-test-07.config.json
+++ b/test-config/backstop-test-07.config.json
@@ -8,7 +8,312 @@
}
],
"onReadyScript": "onReady.js",
- "scenarios": [],
+ "scenarios": [
+ {
+ "label": "index header TEST-07. 1 hover",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Главная",
+ "section": "header",
+ "hoverSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 1 active",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Главная",
+ "section": "header",
+ "activeSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 1 focus",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Главная",
+ "section": "header",
+ "focusSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 1 disable",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Главная",
+ "section": "header",
+ "disableSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 2 hover",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Доставка",
+ "section": "header",
+ "hoverSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 2 active",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Доставка",
+ "section": "header",
+ "activeSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 2 focus",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Доставка",
+ "section": "header",
+ "focusSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 2 disable",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Доставка",
+ "section": "header",
+ "disableSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 3 hover",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Войти",
+ "section": "header",
+ "hoverSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 3 active",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Войти",
+ "section": "header",
+ "activeSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 3 focus",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Войти",
+ "section": "header",
+ "focusSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 3 disable",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Войти",
+ "section": "header",
+ "disableSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 4 hover",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Корзина",
+ "section": "header",
+ "hoverSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 4 active",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Корзина",
+ "section": "header",
+ "activeSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 4 focus",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Корзина",
+ "section": "header",
+ "focusSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ },
+ {
+ "label": "index header TEST-07. 4 disable",
+ "viewports": [
+ {
+ "label": "desktop",
+ "width": 1440,
+ "height": 800
+ }
+ ],
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "selectors": [],
+ "content": "Корзина",
+ "section": "header",
+ "disableSelector": "*",
+ "onReadyScript": "interaction.js",
+ "postInteractionWait": 500,
+ "misMatchThreshold": 5
+ }
+ ],
"fileNameTemplate": "{configId}_{scenarioLabel}_{viewportLabel}",
"paths": {
"bitmaps_reference": "backstop_data/bitmaps_reference/test-07",
diff --git a/test-config/backstop-test-08.config.json b/test-config/backstop-test-08.config.json
index d808bc5..bf6440d 100644
--- a/test-config/backstop-test-08.config.json
+++ b/test-config/backstop-test-08.config.json
@@ -13,7 +13,30 @@
},
"onReadyScript": "onReady.js",
"onBeforeScript": "jsDisable.js",
- "scenarios": [],
+ "scenarios": [
+ {
+ "label": "index header check hover size",
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "onReadyScript": "markup-interaction-hover.js",
+ "hideSelectors": [
+ "body > *"
+ ],
+ "requireSameDimensions": false,
+ "section": "header"
+ },
+ {
+ "label": "index header check active size",
+ "url": "http://localhost:3000/index.html",
+ "referenceUrl": "./reference/index.html",
+ "onReadyScript": "markup-interaction-active.js",
+ "hideSelectors": [
+ "body > *"
+ ],
+ "requireSameDimensions": false,
+ "section": "header"
+ }
+ ],
"fileNameTemplate": "{configId}_{scenarioLabel}__{viewportLabel}",
"paths": {
"bitmaps_reference": "backstop_data/bitmaps_reference/test-08",