finish it off!

Author: kylemh

.gitignore

@@ -30,6 +30,12 @@ yarn-error.log*
 .env.test.local
 .env.production.local
 
+# cypress
+cypress/screenshots
+cypress/videos
+
 # coverage
 .nyc_output
+coverage
 cypress-coverage
+jest-coverage

cypress/integration/about.spec.ts

@@ -1,3 +1,5 @@
+export {}; // Next.js requires --isolatedModules in tsconfig to be true. Feel free to remove this if you have an import
+
 describe('app', () => {
   it('redirects to /', () => {
     cy.visit('/about');

cypress/integration/index.spec.ts

@@ -1,3 +1,5 @@
+export {}; // Next.js requires --isolatedModules in tsconfig to be true. Feel free to remove this if you have an import
+
 describe('landing', () => {
   it('should render', () => {
     cy.visitAndWaitFor('/', 'landing_page');

cypress/plugins/index.ts

@@ -13,11 +13,13 @@
 // This function is called when a project is opened or re-opened (e.g. due to
 // the project's config changing)
 
+// @ts-ignore - no @types/@cypress_browserify-preprocessor
+import browserify from '@cypress/browserify-preprocessor';
+
 const pluginConfig: Cypress.PluginConfig = (on, config) => {
   // `on` is used to hook into various events Cypress emits
   // `config` is the resolved Cypress config
 
-  const browserify = require('@cypress/browserify-preprocessor');
   const options = browserify.defaultOptions;
   options.browserifyOptions.transform[1][1].babelrc = true;
   options.typescript = require.resolve('typescript');

cypress/support/index.d.ts renamed to cypress/support/custom-commands.d.ts

@@ -1,3 +1,5 @@
+// keep file name different from any TS file within ~/cypress/support so they dont collide on compilation
+
 // in cypress/support/index.d.ts
 // load type definitions that come with Cypress module
 /// <reference types="cypress" />

cypress/tsconfig.json

@@ -24,5 +24,12 @@
     "target": "ES5"
   },
   "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules", ".next"]
+  "exclude": [
+    "node_modules",
+    ".next",
+    ".nyc_output",
+    "cypress-coverage",
+    "coverage",
+    "jest-coverage"
+  ]
 }