From 579c3e0901ac12d58b16903b74151faaeabbe939 Mon Sep 17 00:00:00 2001
From: Suyeon Woo <134579071+seaneez@users.noreply.github.com>
Date: Fri, 31 May 2024 12:41:57 +0900
Subject: [PATCH] feat(VsDrawer): use v-show to render (#193)

---
 packages/vlossom/src/components/vs-drawer/VsDrawer.vue      | 2 +-
 .../src/components/vs-drawer/__tests__/vs-drawer.test.ts    | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/packages/vlossom/src/components/vs-drawer/VsDrawer.vue b/packages/vlossom/src/components/vs-drawer/VsDrawer.vue
index ad0bfbd34..aaf14bad3 100644
--- 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
index 05cd4c65e..ccbcb2607 100644
--- 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);
         });
     });