@appscode/design-system 2.0.5 → 2.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v3/button/Button.vue

@@ -45,6 +45,7 @@ const showUnpluginIcon = computed(() => {
     :disabled="disabled ? true : undefined"
     @click="handleClick"
     :title="tooltip"
+    data-testid="ac-create-button"
   >
     <span
       v-if="iconClass || iconImage"

package/vue-components/v3/content/ContentHeader.vue

@@ -36,7 +36,7 @@ withDefaults(defineProps<Props>(), {
     <!-- header left end -->
 
     <!-- header right start  -->
-    <div class="ac-cheader-right">
+    <div class="ac-cheader-right" data-testid="ac-right-header-content">
       <!-- your feedom content start here  -->
       <header-items>
         <slot />

package/vue-components/v3/content/ContentLayout.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts"></script>
 
 <template>
-  <div class="ac-content-layout">
+  <div class="ac-content-layout" data-testid="ac-content-layout">
     <slot name="content-header" />
 
     <div class="ac-content">

package/vue-components/v3/sidebar/SidebarItem.vue

@@ -46,7 +46,7 @@ watch(
 </script>
 
 <template>
-  <li ref="sidebarItem">
+  <li ref="sidebarItem" data-testid="cluster-sidebar-item">
     <router-link
       :id="id"
       :title="title"