fix(dropdown): test

src/dropdown/tests/Dropdown.spec.tsx

@@ -204,6 +204,7 @@ describe('n-dropdown', () => {
       writable: false,
       value: options[1]
     })
+    options[1].dispatchEvent(mouseEnter)
     options[3].dispatchEvent(mouseLeave)
     await nextTick(() => {
       expect(options[3].className).not.toEqual(pendingOptionClassName)

src/dropdown/tests/__snapshots__/Dropdown.spec.tsx.snap

@@ -32,13 +32,13 @@ exports[`n-dropdown dropdown clickoutside 1`] = `
   
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
-      class="n-dropdown-option-body"
+      class="n-dropdown-option-body n-dropdown-option-body--pending"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -60,13 +60,13 @@ exports[`n-dropdown dropdown clickoutside 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body n-dropdown-option-body--disabled"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -172,13 +172,13 @@ exports[`n-dropdown dropdown clickoutside 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -221,7 +221,7 @@ exports[`n-dropdown dropdown clickoutside 1`] = `
       >
         <div
           class="v-binder-follower-content"
-          style="--v-target-width: 0px; --v-target-height: 0px; --v-offset-left: 0px; --v-offset-top: 0px; transform: translateX(0px) translateY(0px) ; transform-origin: top left;"
+          style="--v-target-width: 0px; --v-target-height: 0px; --v-offset-left: 0px; --v-offset-top: 0px; transform: translateX(0px) translateY(0px) ; --v-transform-origin: top left; transform-origin: top left;"
           v-placement="right-start"
         >
           <div
@@ -274,13 +274,13 @@ exports[`n-dropdown inverted style 1`] = `
   
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -302,13 +302,13 @@ exports[`n-dropdown inverted style 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body n-dropdown-option-body--disabled"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -414,13 +414,13 @@ exports[`n-dropdown inverted style 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -497,13 +497,13 @@ exports[`n-dropdown should work with \`render-icon\` props 1`] = `
   
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -607,13 +607,13 @@ exports[`n-dropdown should work with \`render-icon\` props 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body n-dropdown-option-body--disabled"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -719,13 +719,13 @@ exports[`n-dropdown should work with \`render-icon\` props 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -888,13 +888,13 @@ exports[`n-dropdown should work with \`render-label\` props 1`] = `
   
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -920,13 +920,13 @@ exports[`n-dropdown should work with \`render-label\` props 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body n-dropdown-option-body--disabled"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -1036,13 +1036,13 @@ exports[`n-dropdown should work with \`render-label\` props 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -1125,13 +1125,13 @@ exports[`n-dropdown shows menu after click 1`] = `
   
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>
@@ -1153,13 +1153,13 @@ exports[`n-dropdown shows menu after click 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body n-dropdown-option-body--disabled"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <i
           class="n-icon"
@@ -1265,13 +1265,13 @@ exports[`n-dropdown shows menu after click 1`] = `
   />
   <div
     class="n-dropdown-option"
+    data-dropdown-option="true"
   >
     <div
       class="n-dropdown-option-body"
     >
       <div
         class="n-dropdown-option-body__prefix n-dropdown-option-body__prefix--show-icon"
-        data-dropdown-option="true"
       >
         <!---->
       </div>