updates node modules including react to version 18 and cypress to ver…

…sion 10
TykTechnologies · Oct 26, 2022 · 7e208cd · 7e208cd
1 parent cb4167b
commit 7e208cd
Show file tree

Hide file tree

Showing 14 changed files with 10,976 additions and 18,503 deletions.
diff --git a/.eslintrc b/.eslintrc
@@ -24,6 +24,7 @@
     "jsx-a11y/no-noninteractive-element-interactions": "off",
     "jsx-a11y/anchor-is-valid": "off",
     "no-console": "off",
+    "import/no-extraneous-dependencies": "off",
     "import/prefer-default-export": "off",
     "indent": ["error", 2, {
       "ignoredNodes": ["TemplateLiteral"]

diff --git a/cypress.config.js b/cypress.config.js
@@ -0,0 +1,24 @@
+const { defineConfig } = require('cypress');
+const cypressCoverageTask = require('@cypress/code-coverage/task');
+
+const webpackConfig = require('./webpack.component');
+
+module.exports = defineConfig({
+  includeShadowDom: true,
+  video: false,
+  viewportWidth: 1024,
+  viewportHeight: 768,
+  component: {
+    specPattern: 'src/**/*.test.js',
+    supportFile: 'cypress/support/component.js',
+    devServer: {
+      framework: 'react',
+      bundler: 'webpack',
+      webpackConfig,
+    },
+    setupNodeEvents(on, config) {
+      cypressCoverageTask(on, config);
+      return config;
+    },
+  },
+});
diff --git a/cypress.json b/cypress.json
diff --git a/cypress/plugins/index.js b/cypress/plugins/index.js
diff --git a/cypress/support/component-index.html b/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
diff --git a/cypress/support/index.js → cypress/support/component.js b/cypress/support/index.js → cypress/support/component.js
@@ -1,5 +1,5 @@
 // ***********************************************************
-// This example support/index.js is processed and
+// This example support/component.js is processed and
 // loaded automatically before your test files.
 //
 // This is a great place to put global configuration and
@@ -20,3 +20,10 @@ import '@cypress/code-coverage/support';
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
+
+import { mount } from 'cypress/react18';
+
+Cypress.Commands.add('mount', mount);
+
+// Example use:
+// cy.mount(<MyComponent />)