fix: unit testing

scaleway · Jan 4, 2024 · ef99093 · ef99093
1 parent eae2c35
commit ef99093
Show file tree

Hide file tree

Showing 19 changed files with 670 additions and 10,509 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
@@ -78,7 +78,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   fill: #641cb3;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -100,7 +100,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -177,7 +177,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;
@@ -290,7 +290,7 @@ exports[`SelectInputField should display right value on grouped options 1`] = `
         class=" cache-j55ftc-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -329,7 +329,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"
@@ -448,7 +448,7 @@ exports[`SelectInputField should render correctly 1`] = `
   fill: #641cb3;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -470,7 +470,7 @@ exports[`SelectInputField should render correctly 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -532,7 +532,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;
@@ -645,7 +645,7 @@ exports[`SelectInputField should render correctly 1`] = `
         class=" cache-j55ftc-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -686,7 +686,7 @@ exports[`SelectInputField should render correctly 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -790,7 +790,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;
@@ -813,7 +813,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
   padding-top: 0;
 }
 
-.cache-1n25v7h-ValueContainer label {
+.cache-1qe543l-Component label {
   display: initial;
 }
 
@@ -875,7 +875,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;
@@ -989,7 +989,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"
@@ -1031,7 +1031,7 @@ exports[`SelectInputField should render correctly disabled 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -1145,7 +1145,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
   fill: #641cb3;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1167,7 +1167,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1228,7 +1228,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;
@@ -1341,7 +1341,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
         class=" cache-j55ftc-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -1382,7 +1382,7 @@ exports[`SelectInputField should render correctly multiple 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"
@@ -1503,7 +1503,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
   fill: #641cb3;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1525,7 +1525,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1587,7 +1587,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;
@@ -1700,7 +1700,7 @@ exports[`SelectInputField should render correctly with a disabled option 1`] = `
         class=" cache-j55ftc-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -1741,7 +1741,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"
@@ -1860,7 +1860,7 @@ exports[`SelectInputField should trigger events 1`] = `
   fill: #641cb3;
 }
 
-.cache-blvxib-ValueContainer {
+.cache-14yhqf7-Component {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -1882,7 +1882,7 @@ exports[`SelectInputField should trigger events 1`] = `
   padding-top: 0;
 }
 
-.cache-blvxib-ValueContainer label {
+.cache-14yhqf7-Component label {
   display: initial;
 }
 
@@ -1959,7 +1959,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;
@@ -2072,7 +2072,7 @@ exports[`SelectInputField should trigger events 1`] = `
         class=" cache-j55ftc-control"
       >
         <div
-          class=" cache-blvxib-ValueContainer"
+          class=" cache-14yhqf7-Component"
         >
           <label
             aria-live="assertive"
@@ -2111,7 +2111,7 @@ exports[`SelectInputField should trigger events 1`] = `
           </div>
         </div>
         <div
-          class=" cache-ralm3g-IndicatorsContainer"
+          class=" cache-1b81bwn-Component"
         >
           <span
             class=" cache-dh2bvv-indicatorSeparator"