chore: 🤖 testing updates (#115)

* chore: 🤖 testing updates

* fix: 🐛 corrected config for next.config.js

* chore: 🤖 ci update

* fix: 🐛 addressing types in contentfulPosts

.eslintrc.json

@@ -0,0 +1,26 @@
+{
+  "env": {
+    "browser": true,
+    "es2020": true,
+    "jest": true
+  },
+  "extends": [
+    "standard",
+    "plugin:react/recommended",
+    "plugin:prettier/recommended",
+    "plugin:cypress/recommended",
+    "plugin:jsx-a11y/recommended",
+    "plugin:sonarjs/recommended",
+    "next"
+  ],
+  "parserOptions": {
+    "sourceType": "module"
+  },
+  "plugins": ["react", "prettier", "cypress", "sonarjs", "jsx-a11y"],
+  "rules": {},
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}

.github/workflows/ci.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     steps:
       - uses: actions/checkout@v3
       - uses: actions/cache@v3
@@ -25,7 +25,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     needs: build
     steps:
       - uses: actions/checkout@v3
@@ -40,7 +40,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     needs: build
     steps:
       - uses: actions/checkout@v3
@@ -54,7 +54,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     needs: [build]
     steps:
       - uses: actions/checkout@v3
@@ -71,7 +71,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16.x]
+        node-version: [18.x]
     needs: [build]
     steps:
       - uses: actions/checkout@v3

cypress/e2e/example.cy.js

@@ -6,7 +6,7 @@ function terminalLog(violations) {
     "log",
     `${violations.length} accessibility violation${
       violations.length === 1 ? "" : "s"
-    } ${violations.length === 1 ? "was" : "were"} detected`
+    } ${violations.length === 1 ? "was" : "were"} detected`,
   );
   // pluck specific keys to keep the table readable
   const violationData = violations.map(
@@ -15,7 +15,7 @@ function terminalLog(violations) {
       impact,
       description,
       nodes: nodes.length,
-    })
+    }),
   );
 
   cy.task("table", violationData);
@@ -63,7 +63,7 @@ describe("opening hello-next locally", () => {
       cy.findByRole("link", { name: /about/i }).click();
       cy.findByRole("heading", { name: /about/i });
       cy.findByText(
-        "A software engineer with solid experiences in creating attractive, user-driven, responsive websites and applications. My adaptive personality makes it fun for me to jump into various types of teams and support the build from writing code to designing layouts and other graphical elements."
+        "A software engineer with solid experiences in creating attractive, user-driven, responsive websites and applications. My adaptive personality makes it fun for me to jump into various types of teams and support the build from writing code to designing layouts and other graphical elements.",
       );
       cy.checkA11y(null, null, terminalLog);
     });

next.config.js

@@ -11,7 +11,31 @@ module.exports = withImages({
 module.exports = {
   // put the domains where images will be placed
   images: {
-    domains: ["place-hold.it", "media.giphy.com", "images.unsplash.com"],
+    // remotePatterns: ["place-hold.it", "media.giphy.com", "images.unsplash.com"],
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "images.unsplash.com",
+        port: "",
+        pathname: "/*",
+      },
+      {
+        protocol: "https",
+        hostname: "place-hold.it",
+        port: "",
+        pathname: "/*",
+      },
+      {
+        protocol: "https",
+        hostname: "media.giphy.com",
+        port: "",
+        pathname: "/media/**",
+      },
+      {
+        protocol: "http",
+        hostname: "localhost",
+      },
+    ],
   },
   sassOptions: {
     includePaths: [path.join(__dirname, "styles")],