fix: update unit test snapshot

yuhsuanchuang · yuhsuanchuang · commit 80042bad07ed · 2023-01-17T12:00:36.000+08:00
diff --git a/packages/react-dropdown/src/__snapshots__/index.test.js.snap b/packages/react-dropdown/src/__snapshots__/index.test.js.snap
@@ -230,9 +230,11 @@ exports[`renders an open dropdown 1`] = `
                         >
                           <Value
                             className="emotion-3 emotion-0"
+                            id="highlight-value-One"
                           >
                             <span
                               className="emotion-0 emotion-1 emotion-2"
+                              id="highlight-value-One"
                             >
                               One
                             </span>
@@ -270,9 +272,11 @@ exports[`renders an open dropdown 1`] = `
                         >
                           <Value
                             className="emotion-3 emotion-0"
+                            id="highlight-value-Two"
                           >
                             <span
                               className="emotion-0 emotion-1 emotion-2"
+                              id="highlight-value-Two"
                             >
                               Two
                             </span>
@@ -641,9 +645,11 @@ exports[`renders an open dropdown with categories 1`] = `
                                     >
                                       <Value
                                         className="emotion-7 emotion-4"
+                                        id="highlight-value-One"
                                       >
                                         <span
                                           className="emotion-4 emotion-5 emotion-6"
+                                          id="highlight-value-One"
                                         >
                                           One
                                         </span>
@@ -683,9 +689,11 @@ exports[`renders an open dropdown with categories 1`] = `
                                     >
                                       <Value
                                         className="emotion-7 emotion-4"
+                                        id="highlight-value-Two"
                                       >
                                         <span
                                           className="emotion-4 emotion-5 emotion-6"
+                                          id="highlight-value-Two"
                                         >
                                           Two
                                         </span>
@@ -794,9 +802,11 @@ exports[`renders an open dropdown with categories 1`] = `
                                     >
                                       <Value
                                         className="emotion-7 emotion-4"
+                                        id="highlight-value-Three"
                                       >
                                         <span
                                           className="emotion-4 emotion-5 emotion-6"
+                                          id="highlight-value-Three"
                                         >
                                           Three
                                         </span>
@@ -836,9 +846,11 @@ exports[`renders an open dropdown with categories 1`] = `
                                     >
                                       <Value
                                         className="emotion-7 emotion-4"
+                                        id="highlight-value-Four"
                                       >
                                         <span
                                           className="emotion-4 emotion-5 emotion-6"
+                                          id="highlight-value-Four"
                                         >
                                           Four
                                         </span>
@@ -1222,9 +1234,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
                                       >
                                         <Value
                                           className="emotion-7 emotion-4"
+                                          id="highlight-value-One"
                                         >
                                           <span
                                             className="emotion-4 emotion-5 emotion-6"
+                                            id="highlight-value-One"
                                           >
                                             One
                                           </span>
@@ -1264,9 +1278,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
                                       >
                                         <Value
                                           className="emotion-7 emotion-4"
+                                          id="highlight-value-Two"
                                         >
                                           <span
                                             className="emotion-4 emotion-5 emotion-6"
+                                            id="highlight-value-Two"
                                           >
                                             Two
                                           </span>
@@ -1375,9 +1391,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
                                       >
                                         <Value
                                           className="emotion-7 emotion-4"
+                                          id="highlight-value-Three"
                                         >
                                           <span
                                             className="emotion-4 emotion-5 emotion-6"
+                                            id="highlight-value-Three"
                                           >
                                             Three
                                           </span>
@@ -1417,9 +1435,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
                                       >
                                         <Value
                                           className="emotion-7 emotion-4"
+                                          id="highlight-value-Four"
                                         >
                                           <span
                                             className="emotion-4 emotion-5 emotion-6"
+                                            id="highlight-value-Four"
                                           >
                                             Four
                                           </span>
@@ -1617,9 +1637,11 @@ exports[`using arrow down should hover on element 1`] = `
       >
         <Value
           className="emotion-3 emotion-0"
+          id="highlight-value-One"
         >
           <span
             className="emotion-0 emotion-1 emotion-2"
+            id="highlight-value-One"
           >
             One
           </span>
@@ -1659,9 +1681,11 @@ exports[`using arrow down should hover on element 1`] = `
       >
         <Value
           className="emotion-3 emotion-0"
+          id="highlight-value-Two"
         >
           <span
             className="emotion-0 emotion-1 emotion-2"
+            id="highlight-value-Two"
           >
             Two
           </span>
@@ -1982,9 +2006,11 @@ exports[`using useFilter should only return items that match the input value 1`]
                         >
                           <Value
                             className="emotion-5 emotion-2"
+                            id="highlight-value-Four"
                           >
                             <span
                               className="emotion-2 emotion-3 emotion-4"
+                              id="highlight-value-Four"
                             >
                               <Text
                                 as="span"
@@ -2034,9 +2060,11 @@ exports[`using useFilter should only return items that match the input value 1`]
                         >
                           <Value
                             className="emotion-5 emotion-2"
+                            id="highlight-value-Five"
                           >
                             <span
                               className="emotion-2 emotion-3 emotion-4"
+                              id="highlight-value-Five"
                             >
                               <Text
                                 as="span"

Original file line number	Diff line number	Diff line change
@@ -230,9 +230,11 @@ exports[`renders an open dropdown 1`] = `
`230`	`230`	`>`
`231`	`231`	`<Value`
`232`	`232`	`className="emotion-3 emotion-0"`
	`233`	`+ id="highlight-value-One"`
`233`	`234`	`>`
`234`	`235`	`<span`
`235`	`236`	`className="emotion-0 emotion-1 emotion-2"`
	`237`	`+ id="highlight-value-One"`
`236`	`238`	`>`
`237`	`239`	`One`
`238`	`240`	`</span>`
@@ -270,9 +272,11 @@ exports[`renders an open dropdown 1`] = `
`270`	`272`	`>`
`271`	`273`	`<Value`
`272`	`274`	`className="emotion-3 emotion-0"`
	`275`	`+ id="highlight-value-Two"`
`273`	`276`	`>`
`274`	`277`	`<span`
`275`	`278`	`className="emotion-0 emotion-1 emotion-2"`
	`279`	`+ id="highlight-value-Two"`
`276`	`280`	`>`
`277`	`281`	`Two`
`278`	`282`	`</span>`
@@ -641,9 +645,11 @@ exports[`renders an open dropdown with categories 1`] = `
`641`	`645`	`>`
`642`	`646`	`<Value`
`643`	`647`	`className="emotion-7 emotion-4"`
	`648`	`+ id="highlight-value-One"`
`644`	`649`	`>`
`645`	`650`	`<span`
`646`	`651`	`className="emotion-4 emotion-5 emotion-6"`
	`652`	`+ id="highlight-value-One"`
`647`	`653`	`>`
`648`	`654`	`One`
`649`	`655`	`</span>`
@@ -683,9 +689,11 @@ exports[`renders an open dropdown with categories 1`] = `
`683`	`689`	`>`
`684`	`690`	`<Value`
`685`	`691`	`className="emotion-7 emotion-4"`
	`692`	`+ id="highlight-value-Two"`
`686`	`693`	`>`
`687`	`694`	`<span`
`688`	`695`	`className="emotion-4 emotion-5 emotion-6"`
	`696`	`+ id="highlight-value-Two"`
`689`	`697`	`>`
`690`	`698`	`Two`
`691`	`699`	`</span>`
@@ -794,9 +802,11 @@ exports[`renders an open dropdown with categories 1`] = `
`794`	`802`	`>`
`795`	`803`	`<Value`
`796`	`804`	`className="emotion-7 emotion-4"`
	`805`	`+ id="highlight-value-Three"`
`797`	`806`	`>`
`798`	`807`	`<span`
`799`	`808`	`className="emotion-4 emotion-5 emotion-6"`
	`809`	`+ id="highlight-value-Three"`
`800`	`810`	`>`
`801`	`811`	`Three`
`802`	`812`	`</span>`
@@ -836,9 +846,11 @@ exports[`renders an open dropdown with categories 1`] = `
`836`	`846`	`>`
`837`	`847`	`<Value`
`838`	`848`	`className="emotion-7 emotion-4"`
	`849`	`+ id="highlight-value-Four"`
`839`	`850`	`>`
`840`	`851`	`<span`
`841`	`852`	`className="emotion-4 emotion-5 emotion-6"`
	`853`	`+ id="highlight-value-Four"`
`842`	`854`	`>`
`843`	`855`	`Four`
`844`	`856`	`</span>`
@@ -1222,9 +1234,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
`1222`	`1234`	`>`
`1223`	`1235`	`<Value`
`1224`	`1236`	`className="emotion-7 emotion-4"`
	`1237`	`+ id="highlight-value-One"`
`1225`	`1238`	`>`
`1226`	`1239`	`<span`
`1227`	`1240`	`className="emotion-4 emotion-5 emotion-6"`
	`1241`	`+ id="highlight-value-One"`
`1228`	`1242`	`>`
`1229`	`1243`	`One`
`1230`	`1244`	`</span>`
@@ -1264,9 +1278,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
`1264`	`1278`	`>`
`1265`	`1279`	`<Value`
`1266`	`1280`	`className="emotion-7 emotion-4"`
	`1281`	`+ id="highlight-value-Two"`
`1267`	`1282`	`>`
`1268`	`1283`	`<span`
`1269`	`1284`	`className="emotion-4 emotion-5 emotion-6"`
	`1285`	`+ id="highlight-value-Two"`
`1270`	`1286`	`>`
`1271`	`1287`	`Two`
`1272`	`1288`	`</span>`
@@ -1375,9 +1391,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
`1375`	`1391`	`>`
`1376`	`1392`	`<Value`
`1377`	`1393`	`className="emotion-7 emotion-4"`
	`1394`	`+ id="highlight-value-Three"`
`1378`	`1395`	`>`
`1379`	`1396`	`<span`
`1380`	`1397`	`className="emotion-4 emotion-5 emotion-6"`
	`1398`	`+ id="highlight-value-Three"`
`1381`	`1399`	`>`
`1382`	`1400`	`Three`
`1383`	`1401`	`</span>`
@@ -1417,9 +1435,11 @@ exports[`renders an open dropdown with categories and twoColumn 1`] = `
`1417`	`1435`	`>`
`1418`	`1436`	`<Value`
`1419`	`1437`	`className="emotion-7 emotion-4"`
	`1438`	`+ id="highlight-value-Four"`
`1420`	`1439`	`>`
`1421`	`1440`	`<span`
`1422`	`1441`	`className="emotion-4 emotion-5 emotion-6"`
	`1442`	`+ id="highlight-value-Four"`
`1423`	`1443`	`>`
`1424`	`1444`	`Four`
`1425`	`1445`	`</span>`
@@ -1617,9 +1637,11 @@ exports[`using arrow down should hover on element 1`] = `
`1617`	`1637`	`>`
`1618`	`1638`	`<Value`
`1619`	`1639`	`className="emotion-3 emotion-0"`
	`1640`	`+ id="highlight-value-One"`
`1620`	`1641`	`>`
`1621`	`1642`	`<span`
`1622`	`1643`	`className="emotion-0 emotion-1 emotion-2"`
	`1644`	`+ id="highlight-value-One"`
`1623`	`1645`	`>`
`1624`	`1646`	`One`
`1625`	`1647`	`</span>`
@@ -1659,9 +1681,11 @@ exports[`using arrow down should hover on element 1`] = `
`1659`	`1681`	`>`
`1660`	`1682`	`<Value`
`1661`	`1683`	`className="emotion-3 emotion-0"`
	`1684`	`+ id="highlight-value-Two"`
`1662`	`1685`	`>`
`1663`	`1686`	`<span`
`1664`	`1687`	`className="emotion-0 emotion-1 emotion-2"`
	`1688`	`+ id="highlight-value-Two"`
`1665`	`1689`	`>`
`1666`	`1690`	`Two`
`1667`	`1691`	`</span>`
@@ -1982,9 +2006,11 @@ exports[`using useFilter should only return items that match the input value 1`]
`1982`	`2006`	`>`
`1983`	`2007`	`<Value`
`1984`	`2008`	`className="emotion-5 emotion-2"`
	`2009`	`+ id="highlight-value-Four"`
`1985`	`2010`	`>`
`1986`	`2011`	`<span`
`1987`	`2012`	`className="emotion-2 emotion-3 emotion-4"`
	`2013`	`+ id="highlight-value-Four"`
`1988`	`2014`	`>`
`1989`	`2015`	`<Text`
`1990`	`2016`	`as="span"`
@@ -2034,9 +2060,11 @@ exports[`using useFilter should only return items that match the input value 1`]
`2034`	`2060`	`>`
`2035`	`2061`	`<Value`
`2036`	`2062`	`className="emotion-5 emotion-2"`
	`2063`	`+ id="highlight-value-Five"`
`2037`	`2064`	`>`
`2038`	`2065`	`<span`
`2039`	`2066`	`className="emotion-2 emotion-3 emotion-4"`
	`2067`	`+ id="highlight-value-Five"`
`2040`	`2068`	`>`
`2041`	`2069`	`<Text`
`2042`	`2070`	`as="span"`