htmlacademy · ANNAstasiyaBelskaya · Apr 15, 2025 · Apr 25, 2025
diff --git a/pp.config.cjs b/pp.config.cjs
@@ -9,7 +9,7 @@ const desktopSections = [
   {section: 'gallery', misMatchThreshold: 0.4},
   {section: 'form', misMatchThreshold: 0.6},
   {section: 'footer', misMatchThreshold: 1.2}
-]
+];
 
 const tabletSections = [
   {section: 'header', misMatchThreshold: 1.3},
@@ -22,7 +22,7 @@ const tabletSections = [
   {section: 'gallery', misMatchThreshold: 0.7},
   {section: 'form', misMatchThreshold: 1.2},
   {section: 'footer', misMatchThreshold: 1.1},
-]
+];
 
 const mobileSections = [
   {section: 'header', misMatchThreshold: 2.2},
@@ -35,78 +35,78 @@ const mobileSections = [
   {section: 'gallery', misMatchThreshold: 0.7},
   {section: 'form', misMatchThreshold: 1.1},
   {section: 'footer', misMatchThreshold: 1.1},
-]
+];
 
 const VIEWPORTS = {
-  'desktop': {"label": "desktop", "width": 1440, "height": 800},
-  'tablet': {"label": "tablet", "width": 768, "height": 1024},
-  'mobile': {"label": "mobile", "width": 320, "height": 480}
+  'desktop': {'label': 'desktop', 'width': 1440, 'height': 800},
+  'tablet': {'label': 'tablet', 'width': 768, 'height': 1024},
+  'mobile': {'label': 'mobile', 'width': 320, 'height': 480}
 };
 
 const URL = 'http://localhost:3000/index.html';
 const REFERENCE_URL = './figma/index.html';
 
 function generateScenario(section, misMatchThreshold, viewport) {
   return {
-    "label": `${section}`,
-    "url": URL,
-    "referenceUrl": REFERENCE_URL,
+    'label': `${section}`,
+    'url': URL,
+    'referenceUrl': REFERENCE_URL,
     selectors: [`[data-test="${section}"]`],
     misMatchThreshold: misMatchThreshold || 5,
     requireSameDimensions: true,
     delay: 500,
-    ...viewport ? {"viewports": [VIEWPORTS[viewport]]} : {}
+    ...viewport ? {'viewports': [VIEWPORTS[viewport]]} : {}
   };
 }
 
 module.exports = {
-  "id": "tours test-pp",
-  "onReadyScript": "onReady.cjs",
-  "onBeforeScript": "onBefore.cjs",
-  "viewports": [
+  'id': 'tours test-pp',
+  'onReadyScript': 'onReady.cjs',
+  'onBeforeScript': 'onBefore.cjs',
+  'viewports': [
     {
-      "label": "mobile",
-      "width": 320,
-      "height": 480,
+      'label': 'mobile',
+      'width': 320,
+      'height': 480,
     },
     {
-      "label": "tablet",
-      "width": 768,
-      "height": 1024,
+      'label': 'tablet',
+      'width': 768,
+      'height': 1024,
     },
     {
-      "label": "desktop",
-      "width": 1440,
-      "height": 800,
+      'label': 'desktop',
+      'width': 1440,
+      'height': 800,
     }
   ],
-  "resembleOutputOptions": {
-    "ignoreAntialiasing": true,
-    "errorType": "movementDifferenceIntensity",
-    "transparency": 0.3,
+  'resembleOutputOptions': {
+    'ignoreAntialiasing': true,
+    'errorType': 'movementDifferenceIntensity',
+    'transparency': 0.3,
     scaleToSameSize: false
   },
-  "scenarios": [
+  'scenarios': [
     ...desktopSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'desktop')),
     ...tabletSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'tablet')),
     ...mobileSections.map(({section, misMatchThreshold}) => generateScenario(section, misMatchThreshold, 'mobile')),
   ],
   fileNameTemplate: '{scenarioLabel}_{viewportLabel}',
-  "paths": {
-    "bitmaps_reference": "bitmaps_reference/test-pp",
-    "bitmaps_test": "backstop_data/bitmaps_test",
-    "engine_scripts": "engine_scripts",
-    "html_report": "backstop_data/html_report",
-    "json_report": "backstop_data/json_report",
+  'paths': {
+    'bitmaps_reference': 'bitmaps_reference/test-pp',
+    'bitmaps_test': 'backstop_data/bitmaps_test',
+    'engine_scripts': 'engine_scripts',
+    'html_report': 'backstop_data/html_report',
+    'json_report': 'backstop_data/json_report',
   },
-  "report": ["browser", "json"],
-  "engine": "puppeteer",
-  "engineOptions": {
-    "args": ["--no-sandbox"],
-    "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 30000},
+  'report': ['browser', 'json'],
+  'engine': 'puppeteer',
+  'engineOptions': {
+    'args': ['--no-sandbox'],
+    'gotoParameters': {'waitUntil': ['load', 'networkidle0'], timeout: 90000},
   },
-  "asyncCaptureLimit": 10,
-  "asyncCompareLimit": 50,
-  "debug": false,
-  "debugWindow": false
-}
+  'asyncCaptureLimit': 10,
+  'asyncCompareLimit': 50,
+  'debug': false,
+  'debugWindow': false
+};
diff --git a/source/fonts/montserrat-bold.woff b/source/fonts/montserrat-bold.woff
diff --git a/source/fonts/montserrat-bold.woff2 b/source/fonts/montserrat-bold.woff2
diff --git a/source/fonts/montserrat-extraBold.woff b/source/fonts/montserrat-extraBold.woff
diff --git a/source/fonts/montserrat-extraBold.woff2 b/source/fonts/montserrat-extraBold.woff2
diff --git a/source/fonts/montserrat-light.woff b/source/fonts/montserrat-light.woff
diff --git a/source/fonts/montserrat-light.woff2 b/source/fonts/montserrat-light.woff2
diff --git a/source/fonts/montserrat-medium.woff b/source/fonts/montserrat-medium.woff
diff --git a/source/fonts/montserrat-medium.woff2 b/source/fonts/montserrat-medium.woff2
diff --git a/source/fonts/montserrat-regular.woff b/source/fonts/montserrat-regular.woff
diff --git a/source/fonts/montserrat-regular.woff2 b/source/fonts/montserrat-regular.woff2
diff --git a/source/fonts/montserrat-semiBold.woff b/source/fonts/montserrat-semiBold.woff
diff --git a/source/fonts/montserrat-semiBold.woff2 b/source/fonts/montserrat-semiBold.woff2
diff --git a/source/img/about/about-photo.png b/source/img/about/about-photo.png
diff --git a/source/img/about/about-photo.webp b/source/img/about/about-photo.webp
diff --git a/source/img/about/[email protected] b/source/img/about/[email protected]
diff --git a/source/img/about/[email protected] b/source/img/about/[email protected]
diff --git a/source/img/cloud-background/advantages-bg-clouds-desktop.png b/source/img/cloud-background/advantages-bg-clouds-desktop.png
diff --git a/source/img/cloud-background/advantages-bg-clouds-desktop.webp b/source/img/cloud-background/advantages-bg-clouds-desktop.webp
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/advantages-bg-clouds-tablet.png b/source/img/cloud-background/advantages-bg-clouds-tablet.png
diff --git a/source/img/cloud-background/advantages-bg-clouds-tablet.webp b/source/img/cloud-background/advantages-bg-clouds-tablet.webp
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/mountains-and-clouds.png b/source/img/cloud-background/mountains-and-clouds.png
diff --git a/source/img/cloud-background/mountains-and-clouds.webp b/source/img/cloud-background/mountains-and-clouds.webp
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/trainers-bg-one-cloud.png b/source/img/cloud-background/trainers-bg-one-cloud.png
diff --git a/source/img/cloud-background/trainers-bg-one-cloud.webp b/source/img/cloud-background/trainers-bg-one-cloud.webp
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/cloud-background/[email protected] b/source/img/cloud-background/[email protected]
diff --git a/source/img/contacts/map-desktop.png b/source/img/contacts/map-desktop.png
diff --git a/source/img/contacts/map-desktop.webp b/source/img/contacts/map-desktop.webp
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/contacts/map-mobile.png b/source/img/contacts/map-mobile.png
diff --git a/source/img/contacts/map-mobile.webp b/source/img/contacts/map-mobile.webp
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/contacts/map-tablet.png b/source/img/contacts/map-tablet.png
diff --git a/source/img/contacts/map-tablet.webp b/source/img/contacts/map-tablet.webp
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/contacts/[email protected] b/source/img/contacts/[email protected]
diff --git a/source/img/form/forest-background.jpg b/source/img/form/forest-background.jpg
diff --git a/source/img/form/forest-background.webp b/source/img/form/forest-background.webp
diff --git a/source/img/form/[email protected] b/source/img/form/[email protected]
diff --git a/source/img/form/[email protected] b/source/img/form/[email protected]
diff --git a/source/img/gallery/cableway.jpg b/source/img/gallery/cableway.jpg
diff --git a/source/img/gallery/cableway.webp b/source/img/gallery/cableway.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/campfire.jpg b/source/img/gallery/campfire.jpg
diff --git a/source/img/gallery/campfire.webp b/source/img/gallery/campfire.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/compass.jpg b/source/img/gallery/compass.jpg
diff --git a/source/img/gallery/compass.webp b/source/img/gallery/compass.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/icy-road.jpg b/source/img/gallery/icy-road.jpg
diff --git a/source/img/gallery/icy-road.webp b/source/img/gallery/icy-road.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/one-man.jpg b/source/img/gallery/one-man.jpg
diff --git a/source/img/gallery/one-man.webp b/source/img/gallery/one-man.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/tent.jpg b/source/img/gallery/tent.jpg
diff --git a/source/img/gallery/tent.webp b/source/img/gallery/tent.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/two-men.jpg b/source/img/gallery/two-men.jpg
diff --git a/source/img/gallery/two-men.webp b/source/img/gallery/two-men.webp
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/gallery/[email protected] b/source/img/gallery/[email protected]
diff --git a/source/img/hero/altai-desktop.jpg b/source/img/hero/altai-desktop.jpg
diff --git a/source/img/hero/altai-desktop.webp b/source/img/hero/altai-desktop.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/altai.jpg b/source/img/hero/altai.jpg
diff --git a/source/img/hero/altai.webp b/source/img/hero/altai.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/caucasus-desktop.jpg b/source/img/hero/caucasus-desktop.jpg
diff --git a/source/img/hero/caucasus-desktop.webp b/source/img/hero/caucasus-desktop.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/caucasus.jpg b/source/img/hero/caucasus.jpg
diff --git a/source/img/hero/caucasus.webp b/source/img/hero/caucasus.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/kamchatka-desktop.jpg b/source/img/hero/kamchatka-desktop.jpg
diff --git a/source/img/hero/kamchatka-desktop.webp b/source/img/hero/kamchatka-desktop.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/kamchatka.jpg b/source/img/hero/kamchatka.jpg
diff --git a/source/img/hero/kamchatka.webp b/source/img/hero/kamchatka.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/photo-card-1.png b/source/img/hero/photo-card-1.png
diff --git a/source/img/hero/photo-card-1.webp b/source/img/hero/photo-card-1.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/photo-card-2.png b/source/img/hero/photo-card-2.png
diff --git a/source/img/hero/photo-card-2.webp b/source/img/hero/photo-card-2.webp
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/hero/[email protected] b/source/img/hero/[email protected]
diff --git a/source/img/reviewers/alexander-frolov.jpg b/source/img/reviewers/alexander-frolov.jpg
diff --git a/source/img/reviewers/alexander-frolov.webp b/source/img/reviewers/alexander-frolov.webp
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/elena-pirogova.jpg b/source/img/reviewers/elena-pirogova.jpg
diff --git a/source/img/reviewers/elena-pirogova.webp b/source/img/reviewers/elena-pirogova.webp
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/evgenia-bazhenova.jpg b/source/img/reviewers/evgenia-bazhenova.jpg
diff --git a/source/img/reviewers/evgenia-bazhenova.webp b/source/img/reviewers/evgenia-bazhenova.webp
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/ivan-solovyov.jpg b/source/img/reviewers/ivan-solovyov.jpg
diff --git a/source/img/reviewers/ivan-solovyov.webp b/source/img/reviewers/ivan-solovyov.webp
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/reviewers/[email protected] b/source/img/reviewers/[email protected]
diff --git a/source/img/sprite/big-arrow-left.svg b/source/img/sprite/big-arrow-left.svg
diff --git a/source/img/sprite/big-arrow-right.svg b/source/img/sprite/big-arrow-right.svg
diff --git a/source/img/sprite/boots.svg b/source/img/sprite/boots.svg
diff --git a/source/img/sprite/cross.svg b/source/img/sprite/cross.svg
diff --git a/source/img/sprite/crown.svg b/source/img/sprite/crown.svg
diff --git a/source/img/sprite/leaf.svg b/source/img/sprite/leaf.svg
diff --git a/source/img/sprite/level.svg b/source/img/sprite/level.svg
diff --git a/source/img/sprite/logo.svg b/source/img/sprite/logo.svg