feat(VsDrawer): use v-show to render (#193)

pubg · May 31, 2024 · 579c3e0 · 579c3e0
1 parent 37d6dca
commit 579c3e0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/packages/vlossom/src/components/vs-drawer/VsDrawer.vue b/packages/vlossom/src/components/vs-drawer/VsDrawer.vue
@@ -1,7 +1,7 @@
 <template>
     <Transition name="drawer" :duration="300">
         <div
-            v-if="isOpen"
+            v-show="isOpen"
             class="vs-drawer"
             :style="{
                 ...computedStyleSet,

diff --git a/packages/vlossom/src/components/vs-drawer/__tests__/vs-drawer.test.ts b/packages/vlossom/src/components/vs-drawer/__tests__/vs-drawer.test.ts
@@ -16,7 +16,7 @@ describe('vs-drawer', () => {
             });
 
             // then
-            expect(wrapper.find('div.vs-dialog').exists()).toBe(false);
+            expect(wrapper.find('div.vs-dialog')?.isVisible()).toBe(false);
         });
 
         it('modelValue가 true이면 drawer가 열린다', async () => {
@@ -27,13 +27,11 @@ describe('vs-drawer', () => {
                 },
             });
 
-            expect(wrapper.find('div.vs-dialog').exists()).toBe(false);
-
             // when
             await wrapper.setProps({ modelValue: true });
 
             // then
-            expect(wrapper.find('div.vs-dialog').exists()).toBe(true);
+            expect(wrapper.find('div.vs-dialog')?.isVisible()).toBe(true);
         });
     });