Bump next@13, react@18, cypress@12 and [email protected] (#1)

Author: warizz

.nycrc.json

@@ -1,6 +1,5 @@
 {
   "extension": [".js", ".jsx", ".ts", ".tsx"],
-  "extends": "@istanbuljs/nyc-config-typescript",
   "include": ["pages/**/*"],
   "exclude": ["pages/api/__coverage__.js"],
   "all": true,

cypress.config.ts

@@ -0,0 +1,18 @@
+import { defineConfig } from 'cypress';
+
+export default defineConfig({
+  env: {
+    codeCoverage: {
+      url: '/api/__coverage__',
+    },
+  },
+
+  e2e: {
+    baseUrl: 'http://localhost:3000/',
+    supportFile: 'cypress/support/e2e.ts',
+    setupNodeEvents(on, config) {
+      require('@cypress/code-coverage/task')(on, config);
+      return config;
+    },
+  },
+});

cypress.json

@@ -0,0 +1,21 @@
+// ***********************************************************
+// This example support/e2e.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands';
+import '@cypress/code-coverage/support';
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')

cypress/integration/about.spec.ts renamed to cypress/e2e/about.cy.ts

@@ -1,2 +1,5 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

cypress/integration/index.spec.ts renamed to cypress/e2e/index.cy.ts

@@ -10,30 +10,30 @@
     "start": "next start"
   },
   "dependencies": {
-    "next": "9.5.4",
-    "react": "16.13.1",
-    "react-dom": "16.13.1"
+    "next": "13.0.6",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
   },
   "nyc": {
     "extends": "./.nycrc.json",
     "report-dir": "cypress-coverage",
     "reporter": [
       "json",
-      "lcov"
+      "lcov",
+      "text-summary"
     ]
   },
   "devDependencies": {
-    "@cypress/browserify-preprocessor": "^3.0.1",
-    "@cypress/code-coverage": "^3.8.1",
-    "@istanbuljs/nyc-config-typescript": "^1.0.1",
-    "@testing-library/cypress": "^7.0.1",
-    "@types/node": "^14.11.7",
-    "@types/react": "^16.9.51",
-    "@types/react-dom": "^16.9.8",
-    "@types/testing-library__cypress": "^5.0.8",
-    "babel-plugin-istanbul": "^6.0.0",
-    "cypress": "^5.3.0",
-    "nyc": "^15.1.0",
-    "typescript": "^4.0.3"
+    "@cypress/browserify-preprocessor": "3.0.2",
+    "@cypress/code-coverage": "3.10.0",
+    "@testing-library/cypress": "8.0.7",
+    "@types/node": "18.11.13",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.9",
+    "@types/testing-library__cypress": "5.0.9",
+    "babel-plugin-istanbul": "6.1.1",
+    "cypress": "12.0.2",
+    "nyc": "15.1.0",
+    "typescript": "4.9.4"
   }
 }

cypress/plugins/index.ts

@@ -17,8 +17,8 @@ export default function Home() {
         </h1>
 
         <div className={styles.linkContainer}>
-          <Link href="/about">
-            <a data-testid="about_page_link">Try going to about page...</a>
+          <Link data-testid="about_page_link" href="/about">
+            Try going to about page...
           </Link>
           <>(you can't lol, idk)</>
         </div>