fix: unit testing

scaleway · Feb 26, 2024 · 1ace408 · 1ace408
1 parent 42e68e8
commit 1ace408
Show file tree

Hide file tree

Showing 20 changed files with 669 additions and 10,506 deletions.
diff --git a/.jest/a11y.config.ts b/.jest/a11y.config.ts
@@ -15,7 +15,7 @@ const config: Config.InitialOptions = {
       },
     ],
   ],
-  transformIgnorePatterns: ['node_modules/(?!@scaleway)/'],
+  transformIgnorePatterns: ['node_modules/(?!@scaleway|@nivo)/'],
   testPathIgnorePatterns: ['/nodes_modules/', 'src/components'],
   moduleNameMapper: {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':

diff --git a/.jest/unit.config.ts b/.jest/unit.config.ts
@@ -20,7 +20,7 @@ const config = {
       },
     ],
   ],
-  transformIgnorePatterns: ['node_modules/(?!(.*(@scaleway)))'],
+  transformIgnorePatterns: ['node_modules/(?!@scaleway|@nivo)/'],
   modulePathIgnorePatterns: ['packages/ui/src/__tests__/a11y.test.tsx'],
   moduleNameMapper: {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':

diff --git a/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.spec.tsx.snap b/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.spec.tsx.snap
@@ -70,7 +70,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   border-color: #792dd4;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -92,7 +92,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -169,7 +169,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -282,7 +282,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
         class=" cache-exqc6n-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -321,7 +321,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -432,7 +432,7 @@ exports[`SelectInputField should render correctly 1`] = `
   border-color: #792dd4;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -454,7 +454,7 @@ exports[`SelectInputField should render correctly 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -516,7 +516,7 @@ exports[`SelectInputField should render correctly 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -629,7 +629,7 @@ exports[`SelectInputField should render correctly 1`] = `
         class=" cache-exqc6n-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -670,7 +670,7 @@ exports[`SelectInputField should render correctly 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -774,7 +774,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
   border-color: hsl(0, 0%, 70%);
 }
 
-.cache-1n25v7h-ValueContainer {
+.cache-1qe543l-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -797,7 +797,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
   padding-top: 0;
 }
 
-.cache-1n25v7h-ValueContainer label {
+.cache-1qe543l-Component label {
   display: initial;
 }
 
@@ -859,7 +859,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -973,7 +973,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
         class=" cache-1469z79-control"
       >
         <div
-          class=" cache-1n25v7h-ValueContainer"
+          class=" cache-1qe543l-Component"
         >
           <label
             aria-live="assertive"
@@ -1015,7 +1015,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -1121,7 +1121,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
   border-color: #792dd4;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1143,7 +1143,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1204,7 +1204,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1317,7 +1317,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
         class=" cache-exqc6n-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -1358,7 +1358,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -1471,7 +1471,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
   border-color: #792dd4;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1493,7 +1493,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1555,7 +1555,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1668,7 +1668,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
         class=" cache-exqc6n-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -1709,7 +1709,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -1820,7 +1820,7 @@ exports[`SelectInputField should trigger events 1`] = `
   border-color: #792dd4;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1842,7 +1842,7 @@ exports[`SelectInputField should trigger events 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1919,7 +1919,7 @@ exports[`SelectInputField should trigger events 1`] = `
   padding: 0;
 }
 
-.cache-ralm3g-IndicatorsContainer {
+.cache-1b81bwn-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -2032,7 +2032,7 @@ exports[`SelectInputField should trigger events 1`] = `
         class=" cache-exqc6n-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -2071,7 +2071,7 @@ exports[`SelectInputField should trigger events 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"