Merge pull request #156 from dnum-mi/tests/add-e2e-with-cypress

Tests/add e2e with cypress

Author: laruiss

.eslintrc.js

@@ -31,5 +31,16 @@ module.exports = {
         jest: true,
       },
     },
+    {
+      files: [
+        '**/src/**/*.e2e.{j,t}s?(x)',
+      ],
+      env: {
+        'cypress/globals': true,
+      },
+      extends: [
+        'plugin:cypress/recommended',
+      ],
+    },
   ],
 }

.vscode/settings.json

@@ -12,6 +12,9 @@
     "postcss": "css"
   },
   "eslint.workingDirectories": [{ "mode": "auto"}],
+  "editor.codeActionsOnSave": {
+    "source.fixAll": true,
+  },
   "files.associations": {
     "*.css": "postcss"
   },

babel.config.js

@@ -1,8 +1,20 @@
 module.exports = {
+  presets: [[
+    '@babel/preset-env',
+    {
+      targets:
+      { node: 'current' },
+    },
+  ],
+  ],
   plugins: [
     '@babel/plugin-syntax-jsx',
   ],
-  presets: [
-    '@babel/preset-env',
-  ],
+  env: {
+    test: {
+      plugins: [
+        'babel-plugin-transform-import-meta',
+      ],
+    },
+  },
 }

cypress.json

@@ -1,9 +1,10 @@
 {
-  "testFiles": "cypress/specs/**.spec.js",
+  "testFiles": "cypress/tests/**/*.e2e.js",
   "pluginsFile": "cypress/plugins/index.js",
+  "video": false,
   "component": {
     "componentFolder": "src",
-    "testFiles": "**.e2e.js*",
+    "testFiles": "**/*.e2e.js*",
     "viewportHeight": 500,
     "viewportWidth": 700
   }

cypress/support/index.js

@@ -14,7 +14,8 @@
 // ***********************************************************
 
 // Import commands.js using ES2015 syntax:
-import './commands'
+import './commands.js'
 
 // Alternatively you can use CommonJS syntax:
 // require('./commands')
+import 'cypress-plugin-tab'

jest.config.js

@@ -14,10 +14,10 @@ module.exports = {
   // cacheDirectory: "/tmp/jest_rs",
 
   // Automatically clear mock calls and instances between every test
-  // clearMocks: false,
+  clearMocks: true,
 
   // Indicates whether the coverage information should be collected while executing the test
-  // collectCoverage: false,
+  collectCoverage: true,
 
   // An array of glob patterns indicating a set of files for which coverage information should be collected
   // collectCoverageFrom: undefined,
@@ -149,7 +149,7 @@ module.exports = {
   // snapshotSerializers: [],
 
   // The test environment that will be used for testing
-  // testEnvironment: "jest-environment-jsdom",
+  testEnvironment: 'jest-environment-jsdom',
 
   // Options that will be passed to the testEnvironment
   // testEnvironmentOptions: {},
@@ -192,7 +192,7 @@ module.exports = {
     // '^.+\\.svg$': 'jest-svg-transformer',
     // '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
     '^.+\\.js$': 'babel-jest',
-    '^.+\\.vue$': 'vue-jest',
+    '^.+\\.vue$': '@vue/vue3-jest',
   },
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation