make build

7yrak34 · Sep 7, 2023 · 02618f7 · 02618f7
commit 02618f7
Show file tree

Hide file tree

Showing 27 changed files with 5,959 additions and 0 deletions.
diff --git a/imac.2690641a.jpeg b/imac.2690641a.jpeg
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title>Product cards</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.ef049175.css"></head><body> <div class="card" data-qa="card"> <img src="imac.2690641a.jpeg" alt="Imac 27 Retina 5K" class="card__image"> <h2 class="card__title"> APPLE A1419 iMac 27" Retina <br> 5K Monoblock (MNED2UA/A) </h2> <p class="card__product-code"> Product code: 195434 </p> <div class="card__product-reviews"> <div class="stars stars--4"> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> <div class="stars__star"></div> </div> <div class="card__reviews"> Reviews: 5 </div> </div> <div class="card__cost"> <div class="card__text-price"> Price: </div> <div class="card__price">$2,199</div> </div> <a href="#Imac" class="card__button-buy" data-qa="hover"> Buy </a> </div> </body></html>
diff --git a/report/bitmaps_reference/Card_with_data-qa_card.png b/report/bitmaps_reference/Card_with_data-qa_card.png
diff --git a/report/bitmaps_reference/Link_with_data-qa_hover.png b/report/bitmaps_reference/Link_with_data-qa_hover.png
diff --git a/report/bitmaps_test/20230907-120939/Card_with_data-qa_card.png b/report/bitmaps_test/20230907-120939/Card_with_data-qa_card.png
diff --git a/report/bitmaps_test/20230907-120939/Link_with_data-qa_hover.png b/report/bitmaps_test/20230907-120939/Link_with_data-qa_hover.png
diff --git a/report/bitmaps_test/20230907-120939/failed_diff_Card_with_data-qa_card.png b/report/bitmaps_test/20230907-120939/failed_diff_Card_with_data-qa_card.png
diff --git a/report/bitmaps_test/20230907-120939/failed_diff_Link_with_data-qa_hover.png b/report/bitmaps_test/20230907-120939/failed_diff_Link_with_data-qa_hover.png
diff --git a/report/bitmaps_test/20230907-120939/report.json b/report/bitmaps_test/20230907-120939/report.json
@@ -0,0 +1,57 @@
+{
+  "testSuite": "BackstopJS",
+  "tests": [
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/Card_with_data-qa_card.png",
+        "test": "../bitmaps_test/20230907-120939/Card_with_data-qa_card.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Card_with_data-qa_card.png",
+        "label": "Card with data-qa_card",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/product-cards/",
+        "expect": 0,
+        "viewportLabel": "tablet_h",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "7.71",
+          "analysisTime": 18
+        },
+        "diffImage": "../bitmaps_test/20230907-120939/failed_diff_Card_with_data-qa_card.png"
+      },
+      "status": "fail"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/Link_with_data-qa_hover.png",
+        "test": "../bitmaps_test/20230907-120939/Link_with_data-qa_hover.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Link_with_data-qa_hover.png",
+        "label": "Link with data-qa_hover",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/product-cards/",
+        "expect": 0,
+        "viewportLabel": "tablet_h",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "7.71",
+          "analysisTime": 17
+        },
+        "diffImage": "../bitmaps_test/20230907-120939/failed_diff_Link_with_data-qa_hover.png"
+      },
+      "status": "fail"
+    }
+  ]
+}
diff --git a/report/html_report/a96f14595379b7c348d66e115ec65a93.png b/report/html_report/a96f14595379b7c348d66e115ec65a93.png
diff --git a/report/html_report/assets/fonts/Lato-Bold.ttf b/report/html_report/assets/fonts/Lato-Bold.ttf
diff --git a/report/html_report/assets/fonts/Lato-Regular.ttf b/report/html_report/assets/fonts/Lato-Regular.ttf
diff --git a/report/html_report/assets/fonts/lato-bold-webfont.woff b/report/html_report/assets/fonts/lato-bold-webfont.woff
diff --git a/report/html_report/assets/fonts/lato-bold-webfont.woff2 b/report/html_report/assets/fonts/lato-bold-webfont.woff2
diff --git a/report/html_report/assets/fonts/lato-regular-webfont.woff b/report/html_report/assets/fonts/lato-regular-webfont.woff
diff --git a/report/html_report/assets/fonts/lato-regular-webfont.woff2 b/report/html_report/assets/fonts/lato-regular-webfont.woff2
diff --git a/report/html_report/b815e28b1e230cff6e9d7b749edcd562.png b/report/html_report/b815e28b1e230cff6e9d7b749edcd562.png
diff --git a/report/html_report/config.js b/report/html_report/config.js
@@ -0,0 +1,57 @@
+report({
+  "testSuite": "BackstopJS",
+  "tests": [
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/Card_with_data-qa_card.png",
+        "test": "../bitmaps_test/20230907-120939/Card_with_data-qa_card.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Card_with_data-qa_card.png",
+        "label": "Card with data-qa_card",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/product-cards/",
+        "expect": 0,
+        "viewportLabel": "tablet_h",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "7.71",
+          "analysisTime": 18
+        },
+        "diffImage": "../bitmaps_test/20230907-120939/failed_diff_Card_with_data-qa_card.png"
+      },
+      "status": "fail"
+    },
+    {
+      "pair": {
+        "reference": "../bitmaps_reference/Link_with_data-qa_hover.png",
+        "test": "../bitmaps_test/20230907-120939/Link_with_data-qa_hover.png",
+        "selector": "[data-qa=\"card\"]",
+        "fileName": "Link_with_data-qa_hover.png",
+        "label": "Link with data-qa_hover",
+        "requireSameDimensions": false,
+        "misMatchThreshold": 1,
+        "url": "http://localhost:3001/index.html",
+        "referenceUrl": "https://mate-academy.github.io/layout_solutions/product-cards/",
+        "expect": 0,
+        "viewportLabel": "tablet_h",
+        "diff": {
+          "isSameDimensions": true,
+          "dimensionDifference": {
+            "width": 0,
+            "height": 0
+          },
+          "misMatchPercentage": "7.71",
+          "analysisTime": 17
+        },
+        "diffImage": "../bitmaps_test/20230907-120939/failed_diff_Link_with_data-qa_hover.png"
+      },
+      "status": "fail"
+    }
+  ]
+});