feat(runtime-dom): add test cases

vuejs · Jan 21, 2024 · 8d9f342 · 8d9f342
1 parent 62cf033
commit 8d9f342
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/packages/runtime-dom/__tests__/directives/vShow.spec.ts b/packages/runtime-dom/__tests__/directives/vShow.spec.ts
@@ -215,15 +215,23 @@ describe('runtime-dom: v-show directive', () => {
   // #10151
   test('should respect the display value when v-show value is true', async () => {
     const isVisible = ref(false)
+    const useDisplayStyle = ref(true)
     const compStyle = ref({
       display: 'none',
     })
+    const withoutDisplayStyle = {
+      margin: '10px',
+    }
 
     const Component = {
       setup() {
         return () => {
           return withVShow(
-            h('div', { style: compStyle.value }),
+            h('div', {
+              style: useDisplayStyle.value
+                ? compStyle.value
+                : withoutDisplayStyle,
+            }),
             isVisible.value,
           )
         }
@@ -247,6 +255,11 @@ describe('runtime-dom: v-show directive', () => {
     await nextTick()
     expect($div.style.display).toEqual('inline-block')
 
+    useDisplayStyle.value = false
+    await nextTick()
+    expect($div.style.display).toEqual('')
+    expect(getComputedStyle($div).display).toEqual('block')
+
     isVisible.value = false
     await nextTick()
     expect($div.style.display).toEqual('none')