forked from mate-academy/layout_product-cards
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 7cfa613
Showing
29 changed files
with
2,508 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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="stylesheet" href="styles.9083852b.css"><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"></head><body> <div class="product" data-qa="card"> <img class="product__image" src="imac.2690641a.jpeg" alt="product__image"> <p class="product__description"> APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A) </p> <div class="product__code"> Product code: 195434 </div> <div class="card"> <div class="stars"> <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> <p class="card__review">Reviews: 5</p> </div> <div class="price"> <p class="price__name">Price:</p> <p class="price__amount">$2,199</p> </div> <button data-qa="hover" href="#" class="buy"> Buy </button> </div> </body></html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| { | ||
| "testSuite": "BackstopJS", | ||
| "tests": [ | ||
| { | ||
| "pair": { | ||
| "reference": "..\\bitmaps_reference\\Card_with_data-qa_card.png", | ||
| "test": "..\\bitmaps_test\\20240131-143005\\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 | ||
| }, | ||
| "rawMisMatchPercentage": 0.7193627450980392, | ||
| "misMatchPercentage": "0.72", | ||
| "analysisTime": 54 | ||
| } | ||
| }, | ||
| "status": "pass" | ||
| }, | ||
| { | ||
| "pair": { | ||
| "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover.png", | ||
| "test": "..\\bitmaps_test\\20240131-143005\\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 | ||
| }, | ||
| "rawMisMatchPercentage": 0.7071078431372549, | ||
| "misMatchPercentage": "0.71", | ||
| "analysisTime": 44 | ||
| } | ||
| }, | ||
| "status": "pass" | ||
| } | ||
| ] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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" | ||
| } | ||
| ] |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 page.waitForTimeout(postInteractionWait); | ||
| } | ||
|
|
||
| if (scrollToSelector) { | ||
| await page.waitForSelector(scrollToSelector); | ||
| await page.evaluate(scrollToSelector => { | ||
| document.querySelector(scrollToSelector).scrollIntoView(); | ||
| }, scrollToSelector); | ||
| } | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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)); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| module.exports = async (page, scenario, vp) => { | ||
| await require('./loadCookies')(page, scenario); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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... | ||
| }; |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| report({ | ||
| "testSuite": "BackstopJS", | ||
| "tests": [ | ||
| { | ||
| "pair": { | ||
| "reference": "..\\bitmaps_reference\\Card_with_data-qa_card.png", | ||
| "test": "..\\bitmaps_test\\20240131-143005\\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 | ||
| }, | ||
| "rawMisMatchPercentage": 0.7193627450980392, | ||
| "misMatchPercentage": "0.72", | ||
| "analysisTime": 54 | ||
| } | ||
| }, | ||
| "status": "pass" | ||
| }, | ||
| { | ||
| "pair": { | ||
| "reference": "..\\bitmaps_reference\\Link_with_data-qa_hover.png", | ||
| "test": "..\\bitmaps_test\\20240131-143005\\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 | ||
| }, | ||
| "rawMisMatchPercentage": 0.7071078431372549, | ||
| "misMatchPercentage": "0.71", | ||
| "analysisTime": 44 | ||
| } | ||
| }, | ||
| "status": "pass" | ||
| } | ||
| ] | ||
| }); |
Oops, something went wrong.