Merge pull request #161 from dnum-mi/develop

Develop

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',
+      ],
+    },
   ],
 }

.storybook/preview.js

@@ -24,36 +24,38 @@ export const parameters = {
   },
   options: {
     storySort: {
+      method: 'alphabetical',
       order: [
         'Docs',
-        ['Introduction', 'Guide d’utilisation', 'Guide du développeur'],
-        'Basic',
-        [
-          'Titres',
-          'Titres Alternatifs',
-          'Alertes',
-          'Fil d’Ariane - Breadcrumb',
-          'Logo Officiel - Official logo',
-          'Boutons - Button',
-          'Groupe de Boutons - ButtonGroup',
-          'Champs de saisie - Input',
-          'Case à cocher - Checkbox',
-          'Boutons radio - Radio button',
-          'Liste déroulante - Select',
-          'Interrupteur - Toggle switch',
-          'Étiquettes - Tags',
-        ],
-        'Éléments',
-        [
-          'Carte - Card',
-          'Barre de recherche - Search bar',
-          'En-tête - Header',
-          'Lettres d’information et réseaux - Follow',
-          'Pied de page - Footer',
-          'Modale - Modal',
-          'Onglets - Tabs', ['Onglets', 'Titre', 'Onglets'],
-          'Table'
-        ],
+        // ['1. Introduction', '2. Guide d’utilisation', '3. Guide du développeur'],
+        'Fondamentaux',
+        'Composants',
+        // [
+        //   'Titres',
+        //   'Titres Alternatifs',
+        //   'Alertes',
+        //   'Fil d’Ariane - Breadcrumb',
+        //   'Logo Officiel - Official logo',
+        //   'Boutons - Button',
+        //   'Groupe de Boutons - ButtonGroup',
+        //   'Champs de saisie - Input',
+        //   'Case à cocher - Checkbox',
+        //   'Boutons radio - Radio button',
+        //   'Liste déroulante - Select',
+        //   'Interrupteur - Toggle switch',
+        //   'Étiquettes - Tags',
+        // ],
+        // 'Éléments',
+        // [
+        //   'Carte - Card',
+        //   'Barre de recherche - Search bar',
+        //   'En-tête - Header',
+        //   'Lettres d’information et réseaux - Follow',
+        //   'Pied de page - Footer',
+        //   'Modale - Modal',
+        //   'Onglets - Tabs', ['Onglets', 'Titre', 'Onglets'],
+        //   'Table'
+        // ],
       ],
     },
   }

.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