From 9f54d25ad1ecaccf2a63ce195a05e5c0578d8c86 Mon Sep 17 00:00:00 2001
From: Jana Kocakova <jana.kocakova@student.tuke.sk>
Date: Mon, 15 Dec 2025 23:42:36 +0100
Subject: [PATCH 1/9] =?UTF-8?q?Migrate=20SavedSearchesModal=20dialogs=20to?=
 =?UTF-8?q?=20KDS=20=E2=80=94=20fixes=20#<issue-5470>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ImportFromChannels/SavedSearchesModal.vue | 154 ++++++++++--------
 1 file changed, 90 insertions(+), 64 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 8d494e8899..0304a32384 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -13,72 +13,58 @@
       />
       <p
         v-else-if="savedSearches.length === 0"
-        class="grey--text pa-2"
+        class="empty-state"
       >
         {{ $tr('noSavedSearches') }}
       </p>
-      <VList v-else>
-        <template v-for="(search, index) in savedSearches">
-          <VListTile
-            :key="index"
-            class="py-2"
-          >
-            <VListTileContent>
-              <VListTileTitle>
-                <ActionLink
-                  class="font-weight-bold"
-                  :to="searchResultsRoute(search)"
-                  :text="search.name"
-                  @click="dialog = false"
-                />
-              </VListTileTitle>
-              <VListTileSubTitle class="metadata">
-                <span>
-                  {{ $formatRelative(search.created, { now: new Date() }) }}
-                </span>
-                <span>
-                  {{ $tr('filterCount', { count: searchFilterCount(search) }) }}
-                </span>
-              </VListTileSubTitle>
-            </VListTileContent>
-
-            <VListTileAction>
-              <IconButton
-                icon="clear"
-                color="grey"
-                :text="$tr('deleteAction')"
-                @click="handleClickDelete(search.id)"
-              />
-            </VListTileAction>
-          </VListTile>
-          <VDivider
-            v-if="index < savedSearches.length - 1"
-            :key="index + 'divider'"
-          />
-        </template>
-      </VList>
+      <ul v-else class="saved-searches-list">
+        <li
+          v-for="(search, index) in savedSearches"
+          :key="search.id"
+          class="search-item"
+        >
+          <div class="search-content">
+            <div class="search-title">
+              <KRouterLink
+                :to="searchResultsRoute(search)"
+                @click="dialog = false"
+                class="saved-search-link notranslate"
+              >
+                {{ search.name }}
+              </KRouterLink>
+            </div>
+            <div class="metadata">
+              <span>
+                {{ $formatRelative(search.created, { now: new Date() }) }}
+              </span>
+              <span>
+                {{ $tr('filterCount', { count: searchFilterCount(search) }) }}
+              </span>
+            </div>
+          </div>
+
+          <div class="search-actions">
+            <IconButton
+              icon="clear"
+              color="grey"
+              :text="$tr('deleteAction')"
+              @click="handleClickDelete(search.id)"
+            />
+          </div>
+        </li>
+      </ul>
     </KModal>
 
-    <MessageDialog
-      v-model="showDelete"
-      :header="$tr('deleteSearchTitle')"
-      :text="$tr('deleteConfirmation')"
+    <KModal
+      v-if="showDelete"
+      :title="$tr('deleteSearchTitle')"
+      :cancelText="$tr('cancelAction')"
+      :submitText="$tr('deleteAction')"
+      @cancel="handleCancel"
+      @submit="handleDeleteConfirm"
     >
-      <template #buttons>
-        <VBtn
-          flat
-          @click="handleCancel"
-        >
-          {{ $tr('cancelAction') }}
-        </VBtn>
-        <VBtn
-          color="primary"
-          @click="handleDeleteConfirm"
-        >
-          {{ $tr('deleteAction') }}
-        </VBtn>
-      </template>
-    </MessageDialog>
+      <p>{{ $tr('deleteConfirmation') }}</p>
+    </KModal>
   </div>
 
 </template>
@@ -87,14 +73,12 @@
 <script>
 
   import { mapActions, mapGetters } from 'vuex';
-  import MessageDialog from 'shared/views/MessageDialog';
   import IconButton from 'shared/views/IconButton';
 
   export default {
     name: 'SavedSearchesModal',
     inject: ['RouteNames'],
     components: {
-      MessageDialog,
       IconButton,
     },
     props: {
@@ -189,14 +173,56 @@
 
 <style scoped lang="scss">
 
+  .empty-state {
+    padding: 8px;
+    color: var(--v-grey-base);
+  }
+
+  .saved-searches-list {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .search-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 0;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+
+  .search-content {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .search-title {
+    margin-bottom: 4px;
+  }
+
+  .saved-search-link {
+    font-weight: 600;
+  }
+
   .metadata {
-    color: var(--v-grey-darken2);
+    color: var(--v-grey-base);
+    font-size: 14px;
 
     span:not(:last-child)::after {
       margin: 0 4px;
-      color: var(--v-grey-base);
+      color: grey;
       content: '•';
     }
   }
 
+  .search-actions {
+    margin-left: 16px;
+    flex-shrink: 0;
+  }
+
 </style>

From 6d8340e55badb0650b0f3749b50f676551f5c501 Mon Sep 17 00:00:00 2001
From: Jana Kocakova <jana.kocakova@student.tuke.sk>
Date: Tue, 16 Dec 2025 00:36:12 +0100
Subject: [PATCH 2/9] Migrate Saved searches dialogs from Vuetify to KDS -
 fixes #<issue-5470>

---
 .../views/ImportFromChannels/SavedSearchesModal.vue           | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 0304a32384..7515c6cc8e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -210,12 +210,12 @@
   }
 
   .metadata {
-    color: var(--v-grey-base);
+    color: var(--v-grey-darken2);
     font-size: 14px;
 
     span:not(:last-child)::after {
       margin: 0 4px;
-      color: grey;
+      color: var(--v-grey-base);
       content: '•';
     }
   }

From e61c89fee0c73503f33a1156e002a156da9f2586 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci-lite[bot]"
 <117423508+pre-commit-ci-lite[bot]@users.noreply.github.com>
Date: Tue, 16 Dec 2025 08:35:11 +0000
Subject: [PATCH 3/9] [pre-commit.ci lite] apply automatic fixes

---
 .../views/ImportFromChannels/SavedSearchesModal.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 7515c6cc8e..aad7eaa72e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -17,7 +17,10 @@
       >
         {{ $tr('noSavedSearches') }}
       </p>
-      <ul v-else class="saved-searches-list">
+      <ul
+        v-else
+        class="saved-searches-list"
+      >
         <li
           v-for="(search, index) in savedSearches"
           :key="search.id"
@@ -27,8 +30,8 @@
             <div class="search-title">
               <KRouterLink
                 :to="searchResultsRoute(search)"
+                class="notranslate saved-search-link"
                 @click="dialog = false"
-                class="saved-search-link notranslate"
               >
                 {{ search.name }}
               </KRouterLink>
@@ -179,8 +182,8 @@
   }
 
   .saved-searches-list {
-    margin: 0;
     padding: 0;
+    margin: 0;
     list-style: none;
   }
 
@@ -210,8 +213,8 @@
   }
 
   .metadata {
-    color: var(--v-grey-darken2);
     font-size: 14px;
+    color: var(--v-grey-darken2);
 
     span:not(:last-child)::after {
       margin: 0 4px;
@@ -221,8 +224,8 @@
   }
 
   .search-actions {
-    margin-left: 16px;
     flex-shrink: 0;
+    margin-left: 16px;
   }
 
 </style>

From 0a9dec0d5330a297757df9be5a8c6c2ccc68860a Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:00:35 +0100
Subject: [PATCH 4/9] Use KIconButton

---
 .../views/ImportFromChannels/SavedSearchesModal.vue    | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index aad7eaa72e..8f35835e0b 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -47,10 +47,10 @@
           </div>
 
           <div class="search-actions">
-            <IconButton
+            <KIconButton
               icon="clear"
-              color="grey"
-              :text="$tr('deleteAction')"
+              :color="$themeTokens.secondaryText"
+              :tooltip="$tr('deleteAction')"
               @click="handleClickDelete(search.id)"
             />
           </div>
@@ -76,14 +76,10 @@
 <script>
 
   import { mapActions, mapGetters } from 'vuex';
-  import IconButton from 'shared/views/IconButton';
 
   export default {
     name: 'SavedSearchesModal',
     inject: ['RouteNames'],
-    components: {
-      IconButton,
-    },
     props: {
       value: {
         type: Boolean,

From b1ad08b323b04af3723c3dcaedb41c848348e83f Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:01:49 +0100
Subject: [PATCH 5/9] Remove unused property

---
 .../channelEdit/views/ImportFromChannels/SavedSearchesModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 8f35835e0b..f763f68b31 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -22,7 +22,7 @@
         class="saved-searches-list"
       >
         <li
-          v-for="(search, index) in savedSearches"
+          v-for="search in savedSearches"
           :key="search.id"
           class="search-item"
         >

From b3237f5f27fa06b3b6b3ab8ada200f6f2e2532fc Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:10:57 +0100
Subject: [PATCH 6/9] Use KDS colors

---
 .../ImportFromChannels/SavedSearchesModal.vue   | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index f763f68b31..1114a41a0e 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -13,6 +13,7 @@
       />
       <p
         v-else-if="savedSearches.length === 0"
+        :style="{ color: $themeTokens.annotation }"
         class="empty-state"
       >
         {{ $tr('noSavedSearches') }}
@@ -24,6 +25,7 @@
         <li
           v-for="search in savedSearches"
           :key="search.id"
+          :style="itemStyle"
           class="search-item"
         >
           <div class="search-content">
@@ -36,7 +38,10 @@
                 {{ search.name }}
               </KRouterLink>
             </div>
-            <div class="metadata">
+            <div
+              class="metadata"
+              :style="{ color: $themeTokens.annotation }"
+            >
               <span>
                 {{ $formatRelative(search.created, { now: new Date() }) }}
               </span>
@@ -49,7 +54,6 @@
           <div class="search-actions">
             <KIconButton
               icon="clear"
-              :color="$themeTokens.secondaryText"
               :tooltip="$tr('deleteAction')"
               @click="handleClickDelete(search.id)"
             />
@@ -103,6 +107,11 @@
           this.$emit('input', value);
         },
       },
+      itemStyle() {
+        return {
+          borderBottom: `1px solid ${this.$themeTokens.fineLine}`,
+        };
+      },
     },
     mounted() {
       this.loading = true;
@@ -174,7 +183,6 @@
 
   .empty-state {
     padding: 8px;
-    color: var(--v-grey-base);
   }
 
   .saved-searches-list {
@@ -188,7 +196,6 @@
     align-items: center;
     justify-content: space-between;
     padding: 16px 0;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
 
     &:last-child {
       border-bottom: none;
@@ -210,11 +217,9 @@
 
   .metadata {
     font-size: 14px;
-    color: var(--v-grey-darken2);
 
     span:not(:last-child)::after {
       margin: 0 4px;
-      color: var(--v-grey-base);
       content: '•';
     }
   }

From 95dcc9bbdd81867e235fcb849e9b923279fefb43 Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:12:02 +0100
Subject: [PATCH 7/9] Fix unexpected value lint error

---
 .../channelEdit/views/ImportFromChannels/SavedSearchesModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 1114a41a0e..5508d06a57 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -198,7 +198,7 @@
     padding: 16px 0;
 
     &:last-child {
-      border-bottom: none;
+      border-bottom: unset;
     }
   }
 

From 5df55f57b4824c446b342ce703456ed0d3056d66 Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:14:44 +0100
Subject: [PATCH 8/9] Remove padding

This is not standard pattern in our modals.
---
 .../views/ImportFromChannels/SavedSearchesModal.vue           | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
index 5508d06a57..50d1377594 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/views/ImportFromChannels/SavedSearchesModal.vue
@@ -181,10 +181,6 @@
 
 <style scoped lang="scss">
 
-  .empty-state {
-    padding: 8px;
-  }
-
   .saved-searches-list {
     padding: 0;
     margin: 0;

From e7b6db0288cc1c71f35cfc60d3c6b1894a2ec09f Mon Sep 17 00:00:00 2001
From: Michaela Robosova <robosovam@gmail.com>
Date: Tue, 3 Feb 2026 10:19:38 +0100
Subject: [PATCH 9/9] Remove unused files

---
 .../components/ConfirmationDialog.vue         | 89 -------------------
 .../__tests__/confirmationDialog.spec.js      | 27 ------
 .../frontend/shared/views/MessageDialog.vue   | 84 -----------------
 .../views/__tests__/messageDialog.spec.js     | 34 -------
 4 files changed, 234 deletions(-)
 delete mode 100644 contentcuration/contentcuration/frontend/administration/components/ConfirmationDialog.vue
 delete mode 100644 contentcuration/contentcuration/frontend/administration/components/__tests__/confirmationDialog.spec.js
 delete mode 100644 contentcuration/contentcuration/frontend/shared/views/MessageDialog.vue
 delete mode 100644 contentcuration/contentcuration/frontend/shared/views/__tests__/messageDialog.spec.js

diff --git a/contentcuration/contentcuration/frontend/administration/components/ConfirmationDialog.vue b/contentcuration/contentcuration/frontend/administration/components/ConfirmationDialog.vue
deleted file mode 100644
index 023f248673..0000000000
--- a/contentcuration/contentcuration/frontend/administration/components/ConfirmationDialog.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-
-  <MessageDialog
-    v-model="show"
-    :header="title"
-    :text="text"
-  >
-    <div
-      v-if="errorText"
-      class="error-text lighten-4 ma-3 pa-2 red red--text"
-    >
-      {{ errorText }}
-    </div>
-    <template #buttons="{ close }">
-      <VBtn
-        flat
-        data-test="close"
-        @click="close"
-      >
-        {{ cancelButtonText }}
-      </VBtn>
-      <VBtn
-        color="primary"
-        dark
-        data-test="confirm"
-        :disabled="disableSubmit"
-        @click="$emit('confirm')"
-      >
-        {{ confirmButtonText }}
-      </VBtn>
-    </template>
-  </MessageDialog>
-
-</template>
-
-
-<script>
-
-  import MessageDialog from 'shared/views/MessageDialog';
-
-  export default {
-    name: 'ConfirmationDialog',
-    components: { MessageDialog },
-    props: {
-      value: {
-        type: Boolean,
-        default: false,
-      },
-      title: {
-        type: String,
-        required: true,
-      },
-      text: {
-        type: String,
-        required: true,
-      },
-      confirmButtonText: {
-        type: String,
-        required: true,
-      },
-      cancelButtonText: {
-        type: String,
-        default: 'Cancel',
-      },
-      errorText: {
-        type: String,
-        default: '',
-      },
-      disableSubmit: {
-        type: Boolean,
-        default: false,
-      },
-    },
-    computed: {
-      show: {
-        get() {
-          return this.value;
-        },
-        set(value) {
-          this.$emit('input', value);
-        },
-      },
-    },
-  };
-
-</script>
-
-
-<style lang="scss" scoped></style>
diff --git a/contentcuration/contentcuration/frontend/administration/components/__tests__/confirmationDialog.spec.js b/contentcuration/contentcuration/frontend/administration/components/__tests__/confirmationDialog.spec.js
deleted file mode 100644
index 1fa1616c03..0000000000
--- a/contentcuration/contentcuration/frontend/administration/components/__tests__/confirmationDialog.spec.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { mount } from '@vue/test-utils';
-import ConfirmationDialog from '../ConfirmationDialog.vue';
-
-function makeWrapper() {
-  return mount(ConfirmationDialog, {
-    propsData: {
-      title: 'title',
-      text: 'text',
-      confirmButtonText: 'confirm',
-    },
-  });
-}
-
-describe('confirmationDialog', () => {
-  let wrapper;
-  beforeEach(() => {
-    wrapper = makeWrapper();
-  });
-  it('should emit input with false value on close', () => {
-    wrapper.find('[data-test="close"]').trigger('click');
-    expect(wrapper.emitted('input')[0][0]).toBe(false);
-  });
-  it('should emit confirm event when confirm button is clicked', () => {
-    wrapper.find('[data-test="confirm"]').trigger('click');
-    expect(wrapper.emitted('confirm')).toHaveLength(1);
-  });
-});
diff --git a/contentcuration/contentcuration/frontend/shared/views/MessageDialog.vue b/contentcuration/contentcuration/frontend/shared/views/MessageDialog.vue
deleted file mode 100644
index 833e9a6022..0000000000
--- a/contentcuration/contentcuration/frontend/shared/views/MessageDialog.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-
-  <VDialog
-    v-model="dialog"
-    v-bind="$attrs"
-    width="400"
-  >
-    <VCard class="px-2 py-3">
-      <VCardTitle class="pb-0">
-        <h1 class="font-weight-bold title">
-          {{ header }}
-        </h1>
-      </VCardTitle>
-
-      <VCardText
-        class="pb-4 pt-3"
-        data-test="text"
-      >
-        <p>{{ text }}</p>
-        <slot></slot>
-      </VCardText>
-      <VCardActions data-test="buttons">
-        <VSpacer />
-        <slot
-          name="buttons"
-          :close="close"
-        ></slot>
-      </VCardActions>
-    </VCard>
-  </VDialog>
-
-</template>
-
-
-<script>
-
-  export default {
-    name: 'MessageDialog',
-    props: {
-      value: {
-        type: Boolean,
-        default: false,
-      },
-      header: {
-        type: String,
-        required: true,
-      },
-      text: {
-        type: String,
-        required: false,
-        default: '',
-      },
-    },
-    computed: {
-      dialog: {
-        get() {
-          return this.value;
-        },
-        set(value) {
-          this.$emit('input', value);
-        },
-      },
-    },
-    methods: {
-      close() {
-        this.dialog = false;
-      },
-    },
-  };
-
-</script>
-
-
-<style lang="scss" scoped>
-
-  p {
-    font-size: 12pt;
-  }
-
-  ::v-deep .v-btn {
-    font-weight: bold;
-  }
-
-</style>
diff --git a/contentcuration/contentcuration/frontend/shared/views/__tests__/messageDialog.spec.js b/contentcuration/contentcuration/frontend/shared/views/__tests__/messageDialog.spec.js
deleted file mode 100644
index e86a1b2c1b..0000000000
--- a/contentcuration/contentcuration/frontend/shared/views/__tests__/messageDialog.spec.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import { mount } from '@vue/test-utils';
-import MessageDialog from '../MessageDialog';
-
-function makeWrapper(options) {
-  return mount(MessageDialog, {
-    propsData: {
-      header: 'header',
-      text: 'text',
-    },
-    ...options,
-  });
-}
-
-describe('messageDialog', () => {
-  it('header and text should render properly from props', () => {
-    const wrapper = makeWrapper();
-    expect(wrapper.find('[data-test="text"]').text()).toEqual('text');
-  });
-  it('slots should render content correctly', () => {
-    const wrapper = makeWrapper({
-      slots: {
-        default: ['new text'],
-        buttons: ['buttons'],
-      },
-    });
-    expect(wrapper.find('[data-test="text"]').text()).toContain('new text');
-    expect(wrapper.find('[data-test="buttons"]').text()).toContain('buttons');
-  });
-  it('close should emit an input event to close the modal', () => {
-    const wrapper = makeWrapper();
-    wrapper.vm.close();
-    expect(wrapper.emitted('input')[0][0]).toBe(false);
-  });
-});