fix(dropdown): test

This commit is contained in:
07akioni 2022-07-03 23:02:05 +08:00
parent 6b85a67fe7
commit ba808aae0c
2 changed files with 18 additions and 17 deletions

View File

@ -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)

View File

@ -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>