Errors

.github/workflows/test.yml-template

@@ -0,0 +1,29 @@
+name: Test
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm install
+    - run: npm test
+    - name: Upload HTML report(backstop data)
+      if: ${{ always() }}
+      uses: actions/upload-artifact@v2
+      with:
+        name: report
+        path: backstop_data

backstop_data/engine_scripts/cookies.json

@@ -9,6 +9,6 @@
     "httpOnly": false,
     "secure": false,
     "session": false,
-    "sameSite": "no_restriction"
+    "sameSite": "Lax"
   }
 ]

backstop_data/engine_scripts/puppet/clickAndHoverHelper.js

@@ -1,9 +1,9 @@
 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]
+  const hoverSelector = scenario.hoverSelectors || scenario.hoverSelector;
+  const clickSelector = scenario.clickSelectors || scenario.clickSelector;
+  const keyPressSelector = scenario.keyPressSelectors || scenario.keyPressSelector;
+  const scrollToSelector = scenario.scrollToSelector;
+  const postInteractionWait = scenario.postInteractionWait; // selector [str] | ms [int]
 
   if (keyPressSelector) {
     for (const keyPressSelectorItem of [].concat(keyPressSelector)) {
@@ -27,7 +27,9 @@ module.exports = async (page, scenario) => {
   }
 
   if (postInteractionWait) {
-    await new Promise(resolve => setTimeout(resolve, postInteractionWait));
+    await new Promise(resolve => {
+      setTimeout(resolve, postInteractionWait);
+    });
   }
 
   if (scrollToSelector) {

javascript.js

@@ -0,0 +1,43 @@
+const products = [
+  {
+    imgSrc: 'images/imac.jpeg',
+    altText: 'Apple iMac',
+    title: 'APPLE A1419 iMac 27" Retina 5K Monoblock (MNED2UA/A)',
+    code: '195434',
+    reviews: 5,
+    price: '$2,199',
+  },
+  // Другие карточки
+];
+
+const productContainer = document.getElementById('product-container');
+
+products.forEach((product) => {
+  const card = document.createElement('div');
+  card.className = 'card';
+  card.setAttribute('data-qa', 'card');
+
+  card.innerHTML = `
+    <img class="card__img" src="${product.imgSrc}" alt="${product.altText}" />
+    <h2 class="card__title">${product.title}</h2>
+    <p class="card__text-code">Product code: ${product.code}</p>
+    <div class="card__review">
+      <div class="stars">
+        <span class="stars__star"></span>
+        <span class="stars__star"></span>
+        <span class="stars__star"></span>
+        <span class="stars__star"></span>
+        <span class="stars__star"></span>
+      </div>
+      <p class="card__text-review">Reviews: ${product.reviews}</p>
+    </div>
+    <div class="card__price">
+      <p class="card__text-price">Price:</p>
+      <p class="card__text-value">${product.price}</p>
+    </div>
+    <a href="#" class="card__button">Buy</a>
+  `;
+
+  productContainer.appendChild(card);
+});
+