htmlacademy · restby · Jul 3, 2024 · Jul 3, 2024 · Jul 3, 2024 · Jul 3, 2024
diff --git a/.stylelintrc.cjs b/.stylelintrc.cjs
@@ -15,8 +15,8 @@ module.exports = {
       {
         resolveNestedSelectors: true,
         message: function expected(selectorValue) {
-        return `Expected class selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`;
-      },
+          return `Expected class selector "${selectorValue}" to match BEM CSS pattern https://en.bem.info/methodology/css. Selector validation tool: https://regexr.com/3apms`;
+        },
       },
     ],
     "selector-max-id": 0,

diff --git a/README.md b/README.md
@@ -12,7 +12,7 @@
 npm i
 ```
 
-5. Запустите проект с помощью 
+5. Запустите проект с помощью
 
 ```shell
 npm run dev
@@ -36,7 +36,7 @@ npm run dev
 Запустить тестирование вашего проекта можно с помощью
 
 ```shell
-npm run test 
+npm run test
 ```
 
 Тестовый фреймворк обращается к адресу `localhost:3000` поэтому сервер должен быть запущен с `npm run dev`, запускайте команду тестирования в новом терминале, не закрывая сервер с проектом.

diff --git a/engine_scripts/onReady.cjs b/engine_scripts/onReady.cjs
@@ -1,36 +1,36 @@
 module.exports = async (page, scenario, vp) => {
-    console.log('SCENARIO > ' + scenario.label);
+  console.log('SCENARIO > ' + scenario.label);
 
-    // add more ready handlers here...
-    await page.waitForFunction(() => {
-      return document.fonts.ready.then(() => {
-        console.log('Fonts loaded');
-        return true;
-      });
+  // add more ready handlers here...
+  await page.waitForFunction(() => {
+    return document.fonts.ready.then(() => {
+      console.log('Fonts loaded');
+      return true;
     });
+  });
 
-    await page.evaluate((scenario) => {
-      /** force load lazy images */
-      const lazyImages = document.querySelectorAll('img[loading="lazy"]');
-      lazyImages.forEach((i) => {
-        i.removeAttribute('loading');
-      });
-    }, scenario);
+  await page.evaluate((scenario) => {
+    /** force load lazy images */
+    const lazyImages = document.querySelectorAll('img[loading="lazy"]');
+    lazyImages.forEach((i) => {
+      i.removeAttribute('loading');
+    });
+  }, scenario);
 
-    // await require('./clickAndHoverHelper')(page, scenario);
+  // await require('./clickAndHoverHelper')(page, scenario);
 
-    if (scenario.showSelectors) {
-      await Promise.all(
-        scenario.showSelectors.map(async (selector) => {
-          await page
-            .evaluate((sel) => {
-              document.querySelectorAll(sel).forEach(s => {
-                s.style.visibility = 'visible';
-              });
-            }, selector);
-        })
-      );
-    }
+  if (scenario.showSelectors) {
+    await Promise.all(
+      scenario.showSelectors.map(async (selector) => {
+        await page
+          .evaluate((sel) => {
+            document.querySelectorAll(sel).forEach(s => {
+              s.style.visibility = 'visible';
+            });
+          }, selector);
+      })
+    );
+  }
 
-    await page.waitForTimeout(scenario.delay || 0);
-  };
+  await page.waitForTimeout(scenario.delay || 0);
+};
diff --git a/js.config.cjs b/js.config.cjs
@@ -47,16 +47,16 @@ module.exports = {
       requireSameDimensions: true,
       delay: 500
     },
-/*    {
-      "label": "faq-tab-2",
-      "url": "http://localhost:3000/index.html",
-      "referenceUrl": "./figma/index.html",
-      selectors: [`[data-test="faq"]`],
-      misMatchThreshold: 1.0,
-      "onReadyScript": "faq-tab-2.cjs",
-      requireSameDimensions: true,
-      delay: 1000
-    },*/
+    /*    {
+          "label": "faq-tab-2",
+          "url": "http://localhost:3000/index.html",
+          "referenceUrl": "./figma/index.html",
+          selectors: [`[data-test="faq"]`],
+          misMatchThreshold: 1.0,
+          "onReadyScript": "faq-tab-2.cjs",
+          requireSameDimensions: true,
+          delay: 1000
+        },*/
     {
       "label": "reviews-prev",
       "url": "http://localhost:3000/index.html",
@@ -117,7 +117,7 @@ module.exports = {
   "engine": "puppeteer",
   "engineOptions": {
     "args": ["--no-sandbox"],
-    "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 10000},
+    "gotoParameters": { "waitUntil": ["load", "networkidle0"], timeout: 10000 },
   },
   "asyncCaptureLimit": 10,
   "asyncCompareLimit": 50,

diff --git a/pp.config.cjs b/pp.config.cjs
@@ -1,49 +1,49 @@
 const desktopSections = [
-  {section: 'hero', misMatchThreshold: 0.7},
-  {section: 'about', misMatchThreshold: 0.9},
-  {section: 'price', misMatchThreshold: 0.9},
-  {section: 'games', misMatchThreshold: 0.9},
-  {section: 'juri', misMatchThreshold: 0.9},
-  {section: 'features', misMatchThreshold: 0.8},
-  {section: 'offers', misMatchThreshold: 0.9},
-  {section: 'faq', misMatchThreshold: 0.9},
-  {section: 'reviews', misMatchThreshold: 0.7},
-  {section: 'form', misMatchThreshold: 0.9},
-  {section: 'footer', misMatchThreshold: 1.0}
+  { section: 'hero', misMatchThreshold: 0.7 },
+  { section: 'about', misMatchThreshold: 0.9 },
+  { section: 'price', misMatchThreshold: 0.9 },
+  { section: 'games', misMatchThreshold: 0.9 },
+  { section: 'juri', misMatchThreshold: 0.9 },
+  { section: 'features', misMatchThreshold: 0.8 },
+  { section: 'offers', misMatchThreshold: 0.9 },
+  { section: 'faq', misMatchThreshold: 0.9 },
+  { section: 'reviews', misMatchThreshold: 0.7 },
+  { section: 'form', misMatchThreshold: 0.9 },
+  { section: 'footer', misMatchThreshold: 1.0 }
 ];
 
 const tabletSections = [
-  {section: 'hero', misMatchThreshold: 1.0},
-  {section: 'about', misMatchThreshold: 0.8},
-  {section: 'price', misMatchThreshold: 0.7},
-  {section: 'games', misMatchThreshold: 0.8},
-  {section: 'juri', misMatchThreshold: 0.7},
-  {section: 'features', misMatchThreshold: 1.6},
-  {section: 'offers', misMatchThreshold: 0.7},
-  {section: 'faq', misMatchThreshold: 1.6},
-  {section: 'reviews', misMatchThreshold: 1.3},
-  {section: 'form', misMatchThreshold: 1.0},
-  {section: 'footer', misMatchThreshold: 1.9}
+  { section: 'hero', misMatchThreshold: 1.0 },
+  { section: 'about', misMatchThreshold: 0.8 },
+  { section: 'price', misMatchThreshold: 0.7 },
+  { section: 'games', misMatchThreshold: 0.8 },
+  { section: 'juri', misMatchThreshold: 0.7 },
+  { section: 'features', misMatchThreshold: 1.6 },
+  { section: 'offers', misMatchThreshold: 0.7 },
+  { section: 'faq', misMatchThreshold: 1.6 },
+  { section: 'reviews', misMatchThreshold: 1.3 },
+  { section: 'form', misMatchThreshold: 1.0 },
+  { section: 'footer', misMatchThreshold: 1.9 }
 ];
 
 const mobileSections = [
-  {section: 'hero', misMatchThreshold: 3.7},
-  {section: 'about', misMatchThreshold: 1.8},
-  {section: 'price', misMatchThreshold: 0.9},
-  {section: 'games', misMatchThreshold: 1.1},
-  {section: 'juri', misMatchThreshold: 0.7},
-  {section: 'features', misMatchThreshold: 2.7},
-  {section: 'offers', misMatchThreshold: 1.4},
-  {section: 'faq', misMatchThreshold: 1.7},
-  {section: 'reviews', misMatchThreshold: 2.7},
-  {section: 'form', misMatchThreshold: 1.6},
-  {section: 'footer', misMatchThreshold: 2.0}
+  { section: 'hero', misMatchThreshold: 3.7 },
+  { section: 'about', misMatchThreshold: 1.8 },
+  { section: 'price', misMatchThreshold: 0.9 },
+  { section: 'games', misMatchThreshold: 1.1 },
+  { section: 'juri', misMatchThreshold: 0.7 },
+  { section: 'features', misMatchThreshold: 2.7 },
+  { section: 'offers', misMatchThreshold: 1.4 },
+  { section: 'faq', misMatchThreshold: 1.7 },
+  { section: 'reviews', misMatchThreshold: 2.7 },
+  { section: 'form', misMatchThreshold: 1.6 },
+  { section: 'footer', misMatchThreshold: 2.0 }
 ];
 
 const VIEWPORTS = {
-  'desktop': {"label": "desktop", "width": 1366, "height": 800},
-  'tablet': {"label": "tablet", "width": 768, "height": 1024},
-  'mobile': {"label": "mobile", "width": 320, "height": 480}
+  'desktop': { "label": "desktop", "width": 1366, "height": 800 },
+  'tablet': { "label": "tablet", "width": 768, "height": 1024 },
+  'mobile': { "label": "mobile", "width": 320, "height": 480 }
 };
 
 const URL = 'http://localhost:3000/index.html';
@@ -91,9 +91,9 @@ module.exports = {
     scaleToSameSize: false
   },
   "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')),
+    ...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": {
@@ -107,7 +107,7 @@ module.exports = {
   "engine": "puppeteer",
   "engineOptions": {
     "args": ["--no-sandbox"],
-    "gotoParameters": {"waitUntil": ["load", "networkidle0"], timeout: 40000},
+    "gotoParameters": { "waitUntil": ["load", "networkidle0"], timeout: 40000 },
   },
   "asyncCaptureLimit": 10,
   "asyncCompareLimit": 50,

diff --git a/source/fonts/AlumniSans-ExtraBold.woff b/source/fonts/AlumniSans-ExtraBold.woff
diff --git a/source/fonts/AlumniSans-ExtraBold.woff2 b/source/fonts/AlumniSans-ExtraBold.woff2
diff --git a/source/fonts/AlumniSans-SemiBold.woff b/source/fonts/AlumniSans-SemiBold.woff
diff --git a/source/fonts/AlumniSans-SemiBold.woff2 b/source/fonts/AlumniSans-SemiBold.woff2
diff --git a/source/fonts/RobotoCondensed-Bold.woff b/source/fonts/RobotoCondensed-Bold.woff
diff --git a/source/fonts/RobotoCondensed-Bold.woff2 b/source/fonts/RobotoCondensed-Bold.woff2
diff --git a/source/fonts/RobotoCondensed-Light.woff b/source/fonts/RobotoCondensed-Light.woff
diff --git a/source/fonts/RobotoCondensed-Light.woff2 b/source/fonts/RobotoCondensed-Light.woff2
diff --git a/source/fonts/RobotoCondensed-Regular.woff b/source/fonts/RobotoCondensed-Regular.woff
diff --git a/source/fonts/RobotoCondensed-Regular.woff2 b/source/fonts/RobotoCondensed-Regular.woff2
diff --git a/source/img/action-desktop.jpg b/source/img/action-desktop.jpg
diff --git a/source/img/action-desktop.webp b/source/img/action-desktop.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/action-mobile.jpg b/source/img/action-mobile.jpg
diff --git a/source/img/action-mobile.webp b/source/img/action-mobile.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/action-tablet.jpg b/source/img/action-tablet.jpg
diff --git a/source/img/action-tablet.webp b/source/img/action-tablet.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/avatar.png b/source/img/avatar.png
diff --git a/source/img/avatar.webp b/source/img/avatar.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/decor-desktop.png b/source/img/decor-desktop.png
diff --git a/source/img/decor-desktop.webp b/source/img/decor-desktop.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/decor-tablet.png b/source/img/decor-tablet.png
diff --git a/source/img/decor-tablet.webp b/source/img/decor-tablet.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/games-desktop.jpg b/source/img/games-desktop.jpg
diff --git a/source/img/games-desktop.webp b/source/img/games-desktop.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/games-mobile.jpg b/source/img/games-mobile.jpg
diff --git a/source/img/games-mobile.webp b/source/img/games-mobile.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/games-tablet.jpg b/source/img/games-tablet.jpg
diff --git a/source/img/games-tablet.webp b/source/img/games-tablet.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/gym-desktop.jpg b/source/img/gym-desktop.jpg
diff --git a/source/img/gym-desktop.webp b/source/img/gym-desktop.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/gym-mobile.jpg b/source/img/gym-mobile.jpg
diff --git a/source/img/gym-mobile.webp b/source/img/gym-mobile.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/gym-tablet.jpg b/source/img/gym-tablet.jpg
diff --git a/source/img/gym-tablet.webp b/source/img/gym-tablet.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/hero-desktop.jpg b/source/img/hero-desktop.jpg
diff --git a/source/img/hero-desktop.webp b/source/img/hero-desktop.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/hero-tablet.jpg b/source/img/hero-tablet.jpg
diff --git a/source/img/hero-tablet.webp b/source/img/hero-tablet.webp
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/[email protected] b/source/img/[email protected]
diff --git a/source/img/juri/juri-1.jpg b/source/img/juri/juri-1.jpg
diff --git a/source/img/juri/juri-1.webp b/source/img/juri/juri-1.webp
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/juri-2.jpg b/source/img/juri/juri-2.jpg
diff --git a/source/img/juri/juri-2.webp b/source/img/juri/juri-2.webp
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/juri-3.jpg b/source/img/juri/juri-3.jpg
diff --git a/source/img/juri/juri-3.webp b/source/img/juri/juri-3.webp
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/juri-4.jpg b/source/img/juri/juri-4.jpg
diff --git a/source/img/juri/juri-4.webp b/source/img/juri/juri-4.webp
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/juri/[email protected] b/source/img/juri/[email protected]
diff --git a/source/img/sprite/icon-arrow.svg b/source/img/sprite/icon-arrow.svg
diff --git a/source/img/sprite/icon-minus.svg b/source/img/sprite/icon-minus.svg
diff --git a/source/img/sprite/icon-ok.svg b/source/img/sprite/icon-ok.svg
diff --git a/source/img/sprite/icon-play.svg b/source/img/sprite/icon-play.svg
diff --git a/source/img/sprite/icon-plus.svg b/source/img/sprite/icon-plus.svg
diff --git a/source/img/sprite/icon-reddit.svg b/source/img/sprite/icon-reddit.svg
diff --git a/source/img/sprite/icon-rubble.svg b/source/img/sprite/icon-rubble.svg
diff --git a/source/img/sprite/icon-vk.svg b/source/img/sprite/icon-vk.svg
diff --git a/source/img/sprite/user.svg b/source/img/sprite/user.svg