Merge pull request #161 from dnum-mi/develop

Develop

.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