'cypress'

.eslintrc.js

@@ -1,10 +1,11 @@
 module.exports = {
   parser: '@typescript-eslint/parser',
-  plugins: ['@typescript-eslint'],
+  plugins: ['@typescript-eslint', 'cypress'],
   extends: [
     'plugin:@typescript-eslint/recommended',
     'plugin:prettier/recommended',
     'prettier/@typescript-eslint',
+    "plugin:cypress/recommended"
   ],
   parserOptions: {
     project: './tsconfig.json',

.prettierignore

@@ -0,0 +1 @@
+*.js

cypress/integration/spec.ts

@@ -1,8 +1,4 @@
-// enables intelligent code completion for Cypress commands
-// https://on.cypress.io/intelligent-code-completion
-/// <reference types="Cypress" />
-
-context('Example Cypress TodoMVC test', () => {
+describe('Example Cypress TodoMVC test', () => {
   beforeEach(() => {
     cy.visit('/')
   })
@@ -15,7 +11,7 @@ context('Example Cypress TodoMVC test', () => {
     })
 
     it('tries cypress test', function() {
-      cy.queryByText('Webpack + TypeScript + React = ❤️').should('exist')
+      cy.findAllByText('Webpack + TypeScript + React = ❤️').should('exist')
     })
   })
 })

cypress/plugins/index.js

@@ -1,5 +1,3 @@
-const cypressTypeScriptPreprocessor = require('./cy-ts-preprocessor')
+module.exports = (on, config) => {
 
-module.exports = on => {
-  on('file:preprocessor', cypressTypeScriptPreprocessor)
-}
+}

cypress/support/commands.js

@@ -0,0 +1 @@
+import '@testing-library/cypress/add-commands';

cypress/support/index.js

@@ -1 +1 @@
-import './commands'
+import './commands';

cypress/tsconfig.json

@@ -1,10 +1,11 @@
-// {
-//   "compilerOptions": {
-//     "strict": true,
-//     "baseUrl": "../node_modules",
-//     "target": "es5",
-//     "lib": ["es5", "dom"],
-//     "types": ["cypress"]
-//   },
-//   "include": ["**/*.ts"]
-// }
+{
+  "compilerOptions": {
+    "strict": true,
+    "noEmit": true,
+    "baseUrl": "..\\node_modules",
+    "target": "es5",
+    "lib": ["esnext", "dom"],
+    "types": ["cypress", "@testing-library/cypress"]
+  },
+  "include": ["**/*.ts", "support/commands.js"]
+}

dev.eslintrc.js

@@ -2,7 +2,7 @@ module.exports = {
     parser: '@typescript-eslint/parser',
     plugins: ['react'],
     parserOptions: {
-      project: './tsconfig.json',
+      project: ['./tsconfig.json', 'cypress/tsconfig.json'],
       ecmaVersion: 2018,
       sourceType: 'module',
       ecmaFeatures: {