make build

rekverr · Mar 30, 2024 · 65804b1 · 65804b1
commit 65804b1
Show file tree

Hide file tree

Showing 41 changed files with 2,729 additions and 0 deletions.
diff --git a/index.d10bcdbd.css b/index.d10bcdbd.css
diff --git a/index.d10bcdbd.css.map b/index.d10bcdbd.css.map
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"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Moyo header</title><link rel="stylesheet" href="index.d10bcdbd.css"><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:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"></head><body> <header class="container"> <a class="header__logo" href="#"> <img class="logo__image" src="logo.eddae0ff.png" alt="logo"> </a> <nav class="nav"> <ul class="nav__list"> <li class="nav__item" href="#"> <a class="is-active nav__link">Apple</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Samsung</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Smartphones</a> </li> <li data-qa="hover" class="nav__item" href="#"> <a class="nav__link">Laptops & Computers</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Gadgets</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Tablets</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Photo</a> </li> <li class="nav__item" href="#"> <a class="nav__link">Video</a> </li> </ul> </nav> </header> </body></html>
diff --git a/logo.eddae0ff.png b/logo.eddae0ff.png
diff --git a/report/bitmaps_reference/Header_tag_1024px.png b/report/bitmaps_reference/Header_tag_1024px.png
diff --git a/report/bitmaps_reference/Header_tag_1200px.png b/report/bitmaps_reference/Header_tag_1200px.png
diff --git a/report/bitmaps_reference/Link_with_class_is-active_1024px.png b/report/bitmaps_reference/Link_with_class_is-active_1024px.png
diff --git a/report/bitmaps_reference/Link_with_class_is-active_1200px.png b/report/bitmaps_reference/Link_with_class_is-active_1200px.png
diff --git a/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png b/report/bitmaps_reference/Link_with_data-qa_hover_1024px.png
diff --git a/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png b/report/bitmaps_reference/Link_with_data-qa_hover_1200px.png
diff --git a/report/bitmaps_reference/Nav_tag_1024px.png b/report/bitmaps_reference/Nav_tag_1024px.png
diff --git a/report/bitmaps_reference/Nav_tag_1200px.png b/report/bitmaps_reference/Nav_tag_1200px.png
diff --git a/report/bitmaps_test/20240330-173932/Header_tag_1024px.png b/report/bitmaps_test/20240330-173932/Header_tag_1024px.png
diff --git a/report/bitmaps_test/20240330-173932/Header_tag_1200px.png b/report/bitmaps_test/20240330-173932/Header_tag_1200px.png
diff --git a/report/bitmaps_test/20240330-173932/Link_with_class_is-active_1024px.png b/report/bitmaps_test/20240330-173932/Link_with_class_is-active_1024px.png
diff --git a/report/bitmaps_test/20240330-173932/Link_with_class_is-active_1200px.png b/report/bitmaps_test/20240330-173932/Link_with_class_is-active_1200px.png
diff --git a/report/bitmaps_test/20240330-173932/Link_with_data-qa_hover_1024px.png b/report/bitmaps_test/20240330-173932/Link_with_data-qa_hover_1024px.png
diff --git a/report/bitmaps_test/20240330-173932/Link_with_data-qa_hover_1200px.png b/report/bitmaps_test/20240330-173932/Link_with_data-qa_hover_1200px.png
diff --git a/report/bitmaps_test/20240330-173932/Nav_tag_1024px.png b/report/bitmaps_test/20240330-173932/Nav_tag_1024px.png
diff --git a/report/bitmaps_test/20240330-173932/Nav_tag_1200px.png b/report/bitmaps_test/20240330-173932/Nav_tag_1200px.png
diff --git a/report/bitmaps_test/20240330-173932/report.json b/report/bitmaps_test/20240330-173932/report.json
@@ -0,0 +1,197 @@
+{
+ "testSuite": "BackstopJS",
+ "tests": [
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Header_tag_1024px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Header_tag_1024px.png",
+ "selector": "header",
+ "fileName": "Header_tag_1024px.png",
+ "label": "Header tag",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1024px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Header_tag_1200px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Header_tag_1200px.png",
+ "selector": "header",
+ "fileName": "Header_tag_1200px.png",
+ "label": "Header tag",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1200px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Nav_tag_1024px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Nav_tag_1024px.png",
+ "selector": "nav",
+ "fileName": "Nav_tag_1024px.png",
+ "label": "Nav tag",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1024px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Nav_tag_1200px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Nav_tag_1200px.png",
+ "selector": "nav",
+ "fileName": "Nav_tag_1200px.png",
+ "label": "Nav tag",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1200px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover_1024px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Link_with_data-qa_hover_1024px.png",
+ "selector": "[data-qa=\"hover\"]",
+ "fileName": "Link_with_data-qa_hover_1024px.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/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1024px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover_1200px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Link_with_data-qa_hover_1200px.png",
+ "selector": "[data-qa=\"hover\"]",
+ "fileName": "Link_with_data-qa_hover_1200px.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/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1200px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Link_with_class_is-active_1024px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Link_with_class_is-active_1024px.png",
+ "selector": "a.is-active",
+ "fileName": "Link_with_class_is-active_1024px.png",
+ "label": "Link with class_is-active",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1024px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ },
+ {
+ "pair": {
+ "reference": "..\\bitmaps_reference\\Link_with_class_is-active_1200px.png",
+ "test": "..\\bitmaps_test\\20240330-173932\\Link_with_class_is-active_1200px.png",
+ "selector": "a.is-active",
+ "fileName": "Link_with_class_is-active_1200px.png",
+ "label": "Link with class_is-active",
+ "requireSameDimensions": false,
+ "misMatchThreshold": 1,
+ "url": "http://localhost:3001/index.html",
+ "referenceUrl": "https://mate-academy.github.io/layout_solutions/moyo-header/",
+ "expect": 0,
+ "viewportLabel": "1200px",
+ "diff": {
+ "isSameDimensions": true,
+ "dimensionDifference": {
+ "width": 0,
+ "height": 0
+ },
+ "misMatchPercentage": "0.00"
+ }
+ },
+ "status": "pass"
+ }
+ ]
+}
diff --git a/report/engine_scripts/cookies.json b/report/engine_scripts/cookies.json
@@ -0,0 +1,14 @@
+[
+ {
+ "domain": ".www.yourdomain.com",
+ "path": "/",
+ "name": "yourCookieName",
+ "value": "yourCookieValue",
+ "expirationDate": 1798790400,
+ "hostOnly": false,
+ "httpOnly": false,
+ "secure": false,
+ "session": false,
+ "sameSite": "no_restriction"
+ }
+]
diff --git a/report/engine_scripts/imageStub.jpg b/report/engine_scripts/imageStub.jpg
diff --git a/report/engine_scripts/puppet/clickAndHoverHelper.js b/report/engine_scripts/puppet/clickAndHoverHelper.js
@@ -0,0 +1,39 @@
+module.exports = async (page, scenario) => {
+ var hoverSelector = scenario.hoverSelectors || scenario.hoverSelector;
+ var clickSelector = scenario.clickSelectors || scenario.clickSelector;
+ var keyPressSelector = scenario.keyPressSelectors || scenario.keyPressSelector;
+ var scrollToSelector = scenario.scrollToSelector;
+ var postInteractionWait = scenario.postInteractionWait; // selector [str] | ms [int]
+
+ if (keyPressSelector) {
+ for (const keyPressSelectorItem of [].concat(keyPressSelector)) {
+ await page.waitForSelector(keyPressSelectorItem.selector);
+ await page.type(keyPressSelectorItem.selector, keyPressSelectorItem.keyPress);
+ }
+ }
+
+ if (hoverSelector) {
+ for (const hoverSelectorIndex of [].concat(hoverSelector)) {
+ await page.waitForSelector(hoverSelectorIndex);
+ await page.hover(hoverSelectorIndex);
+ }
+ }
+
+ if (clickSelector) {
+ for (const clickSelectorIndex of [].concat(clickSelector)) {
+ await page.waitForSelector(clickSelectorIndex);
+ await page.click(clickSelectorIndex);
+ }
+ }
+
+ if (postInteractionWait) {
+ await new Promise(resolve => setTimeout(resolve, postInteractionWait));
+ }
+
+ if (scrollToSelector) {
+ await page.waitForSelector(scrollToSelector);
+ await page.evaluate(scrollToSelector => {
+ document.querySelector(scrollToSelector).scrollIntoView();
+ }, scrollToSelector);
+ }
+};
diff --git a/report/engine_scripts/puppet/loadCookies.js b/report/engine_scripts/puppet/loadCookies.js
@@ -0,0 +1,29 @@
+var fs = require('fs');
+
+module.exports = async (page, scenario) => {
+ var cookies = [];
+ var cookiePath = scenario.cookiePath;
+
+ // READ COOKIES FROM FILE IF EXISTS
+ if (fs.existsSync(cookiePath)) {
+ cookies = JSON.parse(fs.readFileSync(cookiePath));
+ }
+
+ // MUNGE COOKIE DOMAIN
+ cookies = cookies.map(cookie => {
+ cookie.url = 'https://' + cookie.domain;
+ delete cookie.domain;
+ return cookie;
+ });
+
+ // SET COOKIES
+ const setCookies = async () => {
+ return Promise.all(
+ cookies.map(async (cookie) => {
+ await page.setCookie(cookie);
+ })
+ );
+ };
+ await setCookies();
+ console.log('Cookie state restored with:', JSON.stringify(cookies, null, 2));
+};
diff --git a/report/engine_scripts/puppet/onBefore.js b/report/engine_scripts/puppet/onBefore.js
@@ -0,0 +1,3 @@
+module.exports = async (page, scenario, vp) => {
+ await require('./loadCookies')(page, scenario);
+};
diff --git a/report/engine_scripts/puppet/onReady.js b/report/engine_scripts/puppet/onReady.js
@@ -0,0 +1,6 @@
+module.exports = async (page, scenario, vp) => {
+ console.log('SCENARIO > ' + scenario.label);
+ await require('./clickAndHoverHelper')(page, scenario);
+
+ // add more ready handlers here...
+};
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