@rancher/shell 0.2.5 → 0.3.0

package/plugins/dashboard-store/resource-class.js

@@ -147,7 +147,7 @@ export const STATES_ENUM = {
   STOPPING:         'stopping',
   SUCCEEDED:        'succeeded',
   SUCCESS:          'success',
-  SUCCESSFUL:          'successful',
+  SUCCESSFUL:       'successful',
   SUPERSEDED:       'superseded',
   SUSPENDED:        'suspended',
   UNAVAILABLE:      'unavailable',
@@ -164,274 +164,274 @@ export const STATES_ENUM = {
 };
 
 export const STATES = {
-  [STATES_ENUM.IN_USE]:           {
+  [STATES_ENUM.IN_USE]: {
     color: 'success', icon: 'dot-open', label: 'In Use', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.IN_PROGRESS]:      {
+  [STATES_ENUM.IN_PROGRESS]: {
     color: 'info', icon: 'tag', label: 'In Progress', compoundIcon: 'info'
   },
   [STATES_ENUM.PENDING_ROLLBACK]: {
     color: 'info', icon: 'dot-half', label: 'Pending Rollback', compoundIcon: 'info'
   },
-  [STATES_ENUM.PENDING_UPGRADE]:  {
+  [STATES_ENUM.PENDING_UPGRADE]: {
     color: 'info', icon: 'dot-half', label: 'Pending Update', compoundIcon: 'info'
   },
-  [STATES_ENUM.ABORTED]:            {
+  [STATES_ENUM.ABORTED]: {
     color: 'warning', icon: 'error', label: 'Aborted', compoundIcon: 'warning'
   },
-  [STATES_ENUM.ACTIVATING]:         {
+  [STATES_ENUM.ACTIVATING]: {
     color: 'info', icon: 'tag', label: 'Activating', compoundIcon: 'info'
   },
-  [STATES_ENUM.ACTIVE]:             {
+  [STATES_ENUM.ACTIVE]: {
     color: 'success', icon: 'dot-open', label: 'Active', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.AVAILABLE]:          {
+  [STATES_ENUM.AVAILABLE]: {
     color: 'success', icon: 'dot-open', label: 'Available', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.BACKED_UP]:           {
+  [STATES_ENUM.BACKED_UP]: {
     color: 'success', icon: 'backup', label: 'Backed Up', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.BOUND]:              {
+  [STATES_ENUM.BOUND]: {
     color: 'success', icon: 'dot', label: 'Bound', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.BUILDING]:           {
+  [STATES_ENUM.BUILDING]: {
     color: 'success', icon: 'dot-open', label: 'Building', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.COMPLETED]:          {
+  [STATES_ENUM.COMPLETED]: {
     color: 'success', icon: 'dot', label: 'Completed', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.CORDONED]:           {
+  [STATES_ENUM.CORDONED]: {
     color: 'info', icon: 'tag', label: 'Cordoned', compoundIcon: 'info'
   },
-  [STATES_ENUM.COUNT]:              {
+  [STATES_ENUM.COUNT]: {
     color: 'success', icon: 'dot-open', label: 'Count', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.CREATED]:            {
+  [STATES_ENUM.CREATED]: {
     color: 'info', icon: 'tag', label: 'Created', compoundIcon: 'info'
   },
-  [STATES_ENUM.CREATING]:           {
+  [STATES_ENUM.CREATING]: {
     color: 'info', icon: 'tag', label: 'Creating', compoundIcon: 'info'
   },
-  [STATES_ENUM.DEACTIVATING]:       {
+  [STATES_ENUM.DEACTIVATING]: {
     color: 'info', icon: 'adjust', label: 'Deactivating', compoundIcon: 'info'
   },
-  [STATES_ENUM.DEGRADED]:           {
+  [STATES_ENUM.DEGRADED]: {
     color: 'warning', icon: 'error', label: 'Degraded', compoundIcon: 'warning'
   },
-  [STATES_ENUM.DENIED]:             {
+  [STATES_ENUM.DENIED]: {
     color: 'error', icon: 'adjust', label: 'Denied', compoundIcon: 'error'
   },
-  [STATES_ENUM.DEPLOYED]:           {
+  [STATES_ENUM.DEPLOYED]: {
     color: 'success', icon: 'dot-open', label: 'Deployed', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.DISABLED]:           {
+  [STATES_ENUM.DISABLED]: {
     color: 'warning', icon: 'error', label: 'Disabled', compoundIcon: 'warning'
   },
-  [STATES_ENUM.DISCONNECTED]:       {
+  [STATES_ENUM.DISCONNECTED]: {
     color: 'warning', icon: 'error', label: 'Disconnected', compoundIcon: 'warning'
   },
-  [STATES_ENUM.DRAINED]:            {
+  [STATES_ENUM.DRAINED]: {
     color: 'info', icon: 'tag', label: 'Drained', compoundIcon: 'info'
   },
-  [STATES_ENUM.DRAINING]:           {
+  [STATES_ENUM.DRAINING]: {
     color: 'warning', icon: 'tag', label: 'Draining', compoundIcon: 'warning'
   },
-  [STATES_ENUM.ERR_APPLIED]:         {
+  [STATES_ENUM.ERR_APPLIED]: {
     color: 'error', icon: 'error', label: 'Error Applied', compoundIcon: 'error'
   },
-  [STATES_ENUM.ERROR]:              {
+  [STATES_ENUM.ERROR]: {
     color: 'error', icon: 'error', label: 'Error', compoundIcon: 'error'
   },
-  [STATES_ENUM.ERRORING]:           {
+  [STATES_ENUM.ERRORING]: {
     color: 'error', icon: 'error', label: 'Erroring', compoundIcon: 'error'
   },
-  [STATES_ENUM.ERRORS]:             {
+  [STATES_ENUM.ERRORS]: {
     color: 'error', icon: 'error', label: 'Errors', compoundIcon: 'error'
   },
-  [STATES_ENUM.EXPIRED]:            {
+  [STATES_ENUM.EXPIRED]: {
     color: 'warning', icon: 'error', label: 'Expired', compoundIcon: 'warning'
   },
-  [STATES_ENUM.FAIL]:               {
+  [STATES_ENUM.FAIL]: {
     color: 'error', icon: 'error', label: 'Fail', compoundIcon: 'error'
   },
-  [STATES_ENUM.FAILED]:             {
+  [STATES_ENUM.FAILED]: {
     color: 'error', icon: 'error', label: 'Failed', compoundIcon: 'error'
   },
-  [STATES_ENUM.HEALTHY]:            {
+  [STATES_ENUM.HEALTHY]: {
     color: 'success', icon: 'dot-open', label: 'Healthy', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.INACTIVE]:           {
+  [STATES_ENUM.INACTIVE]: {
     color: 'error', icon: 'dot', label: 'Inactive', compoundIcon: 'error'
   },
-  [STATES_ENUM.INITIALIZING]:       {
+  [STATES_ENUM.INITIALIZING]: {
     color: 'warning', icon: 'error', label: 'Initializing', compoundIcon: 'warning'
   },
-  [STATES_ENUM.INPROGRESS]:         {
+  [STATES_ENUM.INPROGRESS]: {
     color: 'info', icon: 'spinner', label: 'In Progress', compoundIcon: 'info'
   },
-  [STATES_ENUM.INFO]:         {
+  [STATES_ENUM.INFO]: {
     color: 'info', icon: 'info', label: 'Info', compoundIcon: 'info'
   },
-  [STATES_ENUM.LOCKED]:             {
+  [STATES_ENUM.LOCKED]: {
     color: 'warning', icon: 'adjust', label: 'Locked', compoundIcon: 'warning'
   },
-  [STATES_ENUM.MIGRATING]:          {
+  [STATES_ENUM.MIGRATING]: {
     color: 'info', icon: 'info', label: 'Migrated', compoundIcon: 'info'
   },
-  [STATES_ENUM.MISSING]:            {
+  [STATES_ENUM.MISSING]: {
     color: 'warning', icon: 'adjust', label: 'Missing', compoundIcon: 'warning'
   },
-  [STATES_ENUM.MODIFIED]:           {
+  [STATES_ENUM.MODIFIED]: {
     color: 'warning', icon: 'edit', label: 'Modified', compoundIcon: 'warning'
   },
-  [STATES_ENUM.NOT_APPLICABLE]:      {
+  [STATES_ENUM.NOT_APPLICABLE]: {
     color: 'warning', icon: 'tag', label: 'Not Applicable', compoundIcon: 'warning'
   },
-  [STATES_ENUM.NOT_APLLIED]:         {
+  [STATES_ENUM.NOT_APLLIED]: {
     color: 'warning', icon: 'tag', label: 'Not Applied', compoundIcon: 'warning'
   },
-  [STATES_ENUM.NOT_READY]:           {
+  [STATES_ENUM.NOT_READY]: {
     color: 'warning', icon: 'tag', label: 'Not Ready', compoundIcon: 'warning'
   },
-  [STATES_ENUM.OFF]:                {
+  [STATES_ENUM.OFF]: {
     color: 'darker', icon: 'error', label: 'Off'
   },
-  [STATES_ENUM.ON_GOING]:           {
+  [STATES_ENUM.ON_GOING]: {
     color: 'info', icon: 'info', label: 'Info', compoundIcon: 'info'
   },
-  [STATES_ENUM.ORPHANED]:           {
+  [STATES_ENUM.ORPHANED]: {
     color: 'warning', icon: 'tag', label: 'Orphaned', compoundIcon: 'warning'
   },
-  [STATES_ENUM.OTHER]:              {
+  [STATES_ENUM.OTHER]: {
     color: 'info', icon: 'info', label: 'Other', compoundIcon: 'info'
   },
-  [STATES_ENUM.OUT_OF_SYNC]:          {
+  [STATES_ENUM.OUT_OF_SYNC]: {
     color: 'warning', icon: 'tag', label: 'Out Of Sync', compoundIcon: 'warning'
   },
-  [STATES_ENUM.PASS]:               {
+  [STATES_ENUM.PASS]: {
     color: 'success', icon: 'dot-dotfill', label: 'Pass', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.PASSED]:             {
+  [STATES_ENUM.PASSED]: {
     color: 'success', icon: 'dot-dotfill', label: 'Passed', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.PAUSED]:             {
+  [STATES_ENUM.PAUSED]: {
     color: 'info', icon: 'info', label: 'Paused', compoundIcon: 'info'
   },
-  [STATES_ENUM.PENDING]:            {
+  [STATES_ENUM.PENDING]: {
     color: 'info', icon: 'tag', label: 'Pending', compoundIcon: 'info'
   },
-  [STATES_ENUM.PROVISIONING]:       {
+  [STATES_ENUM.PROVISIONING]: {
     color: 'info', icon: 'dot', label: 'Provisioning', compoundIcon: 'info'
   },
-  [STATES_ENUM.PROVISIONED]:        {
+  [STATES_ENUM.PROVISIONED]: {
     color: 'success', icon: 'dot', label: 'Provisioned', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.PURGED]:             {
+  [STATES_ENUM.PURGED]: {
     color: 'error', icon: 'purged', label: 'Purged', compoundIcon: 'error'
   },
-  [STATES_ENUM.PURGING]:            {
+  [STATES_ENUM.PURGING]: {
     color: 'info', icon: 'purged', label: 'Purging', compoundIcon: 'info'
   },
-  [STATES_ENUM.READY]:              {
+  [STATES_ENUM.READY]: {
     color: 'success', icon: 'dot-open', label: 'Ready', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.RECONNECTING]:       {
+  [STATES_ENUM.RECONNECTING]: {
     color: 'error', icon: 'error', label: 'Reconnecting', compoundIcon: 'error'
   },
-  [STATES_ENUM.REGISTERING]:        {
+  [STATES_ENUM.REGISTERING]: {
     color: 'info', icon: 'tag', label: 'Registering', compoundIcon: 'info'
   },
-  [STATES_ENUM.REINITIALIZING]:     {
+  [STATES_ENUM.REINITIALIZING]: {
     color: 'warning', icon: 'error', label: 'Reinitializing', compoundIcon: 'warning'
   },
-  [STATES_ENUM.RELEASED]:           {
+  [STATES_ENUM.RELEASED]: {
     color: 'warning', icon: 'error', label: 'Released', compoundIcon: 'warning'
   },
-  [STATES_ENUM.REMOVED]:            {
+  [STATES_ENUM.REMOVED]: {
     color: 'error', icon: 'trash', label: 'Removed', compoundIcon: 'error'
   },
-  [STATES_ENUM.REMOVING]:           {
+  [STATES_ENUM.REMOVING]: {
     color: 'info', icon: 'trash', label: 'Removing', compoundIcon: 'info'
   },
-  [STATES_ENUM.REQUESTED]:          {
+  [STATES_ENUM.REQUESTED]: {
     color: 'info', icon: 'tag', label: 'Requested', compoundIcon: 'info'
   },
-  [STATES_ENUM.RESTARTING]:         {
+  [STATES_ENUM.RESTARTING]: {
     color: 'info', icon: 'adjust', label: 'Restarting', compoundIcon: 'info'
   },
-  [STATES_ENUM.RESTORING]:          {
+  [STATES_ENUM.RESTORING]: {
     color: 'info', icon: 'medicalcross', label: 'Restoring', compoundIcon: 'info'
   },
-  [STATES_ENUM.RESIZING]:           {
+  [STATES_ENUM.RESIZING]: {
     color: 'warning', icon: 'dot', label: 'Resizing', compoundIcon: 'warning'
   },
-  [STATES_ENUM.RUNNING]:            {
+  [STATES_ENUM.RUNNING]: {
     color: 'success', icon: 'dot-open', label: 'Running', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.SKIP]:               {
+  [STATES_ENUM.SKIP]: {
     color: 'info', icon: 'dot-open', label: 'Skip', compoundIcon: 'info'
   },
-  [STATES_ENUM.SKIPPED]:            {
+  [STATES_ENUM.SKIPPED]: {
     color: 'info', icon: 'dot-open', label: 'Skipped', compoundIcon: 'info'
   },
-  [STATES_ENUM.STARTING]:           {
+  [STATES_ENUM.STARTING]: {
     color: 'info', icon: 'adjust', label: 'Starting', compoundIcon: 'info'
   },
-  [STATES_ENUM.STOPPED]:            {
+  [STATES_ENUM.STOPPED]: {
     color: 'error', icon: 'dot', label: 'Stopped', compoundIcon: 'error'
   },
-  [STATES_ENUM.STOPPING]:           {
+  [STATES_ENUM.STOPPING]: {
     color: 'info', icon: 'adjust', label: 'Stopping', compoundIcon: 'info'
   },
-  [STATES_ENUM.SUCCEEDED]:          {
+  [STATES_ENUM.SUCCEEDED]: {
     color: 'success', icon: 'dot-dotfill', label: 'Succeeded', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.SUCCESS]:            {
+  [STATES_ENUM.SUCCESS]: {
     color: 'success', icon: 'dot-open', label: 'Success', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.SUCCESSFUL]:            {
+  [STATES_ENUM.SUCCESSFUL]: {
     color: 'success', icon: 'dot-open', label: 'Successful'
   },
-  [STATES_ENUM.SUPERSEDED]:         {
+  [STATES_ENUM.SUPERSEDED]: {
     color: 'info', icon: 'dot-open', label: 'Superseded', compoundIcon: 'info'
   },
-  [STATES_ENUM.SUSPENDED]:          {
+  [STATES_ENUM.SUSPENDED]: {
     color: 'info', icon: 'pause', label: 'Suspended', compoundIcon: 'info'
   },
-  [STATES_ENUM.UNAVAILABLE]:        {
+  [STATES_ENUM.UNAVAILABLE]: {
     color: 'error', icon: 'error', label: 'Unavailable', compoundIcon: 'error'
   },
-  [STATES_ENUM.UNHEALTHY]:          {
+  [STATES_ENUM.UNHEALTHY]: {
     color: 'error', icon: 'error', label: 'Unhealthy', compoundIcon: 'error'
   },
-  [STATES_ENUM.UNINSTALLED]:        {
+  [STATES_ENUM.UNINSTALLED]: {
     color: 'info', icon: 'trash', label: 'Uninstalled', compoundIcon: 'info'
   },
-  [STATES_ENUM.UNINSTALLING]:       {
+  [STATES_ENUM.UNINSTALLING]: {
     color: 'info', icon: 'trash', label: 'Uninstalling', compoundIcon: 'info'
   },
-  [STATES_ENUM.UNKNOWN]:            {
+  [STATES_ENUM.UNKNOWN]: {
     color: 'warning', icon: 'x', label: 'Unknown', compoundIcon: 'warning'
   },
-  [STATES_ENUM.UNTRIGGERED]:        {
+  [STATES_ENUM.UNTRIGGERED]: {
     color: 'success', icon: 'tag', label: 'Untriggered', compoundIcon: 'checkmark'
   },
-  [STATES_ENUM.UPDATING]:           {
+  [STATES_ENUM.UPDATING]: {
     color: 'warning', icon: 'tag', label: 'Updating', compoundIcon: 'warning'
   },
-  [STATES_ENUM.WAIT_APPLIED]:        {
+  [STATES_ENUM.WAIT_APPLIED]: {
     color: 'info', icon: 'tag', label: 'Wait Applied', compoundIcon: 'info'
   },
-  [STATES_ENUM.WAIT_CHECKIN]:        {
+  [STATES_ENUM.WAIT_CHECKIN]: {
     color: 'warning', icon: 'tag', label: 'Wait Checkin', compoundIcon: 'warning'
   },
-  [STATES_ENUM.WAITING]:            {
+  [STATES_ENUM.WAITING]: {
     color: 'info', icon: 'tag', label: 'Waiting', compoundIcon: 'info'
   },
-  [STATES_ENUM.WARNING]:            {
+  [STATES_ENUM.WARNING]: {
     color: 'warning', icon: 'error', label: 'Warning', compoundIcon: 'warning'
   },
-  [STATES_ENUM.DEPLOYING]:          {
+  [STATES_ENUM.DEPLOYING]: {
     color: 'info', icon: 'info', label: 'Deploying', compoundIcon: 'info'
   },
 };
@@ -464,7 +464,7 @@ const SORT_ORDER = {
   info:     3,
   success:  4,
   ready:    5,
-  notready:   6,
+  notready: 6,
   other:    7,
 };
 
@@ -890,7 +890,7 @@ export default class Resource {
         action:  this.canUpdate ? 'goToEdit' : 'goToViewConfig',
         label:   this.t(this.canUpdate ? 'action.edit' : 'action.view'),
         icon:    'icon icon-edit',
-        enabled:  this.canCustomEdit,
+        enabled: this.canCustomEdit,
       },
       {
         action:  this.canEditYaml ? 'goToEditYaml' : 'goToViewYaml',
@@ -902,7 +902,7 @@ export default class Resource {
         action:  (this.canCustomEdit ? 'goToClone' : 'cloneYaml'),
         label:   this.t('action.clone'),
         icon:    'icon icon-copy',
-        enabled:  this.canClone && this.canCreate && (this.canCustomEdit || this.canYaml),
+        enabled: this.canClone && this.canCreate && (this.canCustomEdit || this.canYaml),
       },
       { divider: true },
       {
@@ -918,7 +918,7 @@ export default class Resource {
         action:  'viewInApi',
         label:   this.t('action.viewInApi'),
         icon:    'icon icon-external-link',
-        enabled:  this.canViewInApi,
+        enabled: this.canViewInApi,
       },
       {
         action:     'promptRemove',
@@ -1213,9 +1213,9 @@ export default class Resource {
     return {
       name:   `c-cluster-product-resource`,
       params: {
-        product:   this.$rootGetters['productId'],
-        cluster:   this.$rootGetters['clusterId'],
-        resource:  this.type,
+        product:  this.$rootGetters['productId'],
+        cluster:  this.$rootGetters['clusterId'],
+        resource: this.type,
       }
     };
   }
@@ -1276,7 +1276,7 @@ export default class Resource {
 
     location.query = {
       ...location.query,
-      [MODE]:  _VIEW,
+      [MODE]: _VIEW,
       [AS]:   _CONFIG,
       ...moreQuery
     };
@@ -1468,13 +1468,13 @@ export default class Resource {
 
     if ( isCreate ) {
       res = await this.schema.followLink('collection', {
-        method:  'POST',
+        method: 'POST',
         headers,
         data:   yaml
       });
     } else {
       res = await this.followLink('update', {
-        method:  'PUT',
+        method: 'PUT',
         headers,
         data:   yaml
       });

package/plugins/steve/subscribe.js

@@ -489,8 +489,8 @@ export const actions = {
           dispatch('growl/remove', growlErr.id, { root: true });
         }
         dispatch('growl/error', {
-          title:         t('growl.connectError.title'),
-          message:       t('growl.connectError.message', {
+          title:   t('growl.connectError.title'),
+          message: t('growl.connectError.message', {
             url, time: timeFormatted, tries
           }, { raw: true }),
           icon:          'error',
@@ -502,8 +502,8 @@ export const actions = {
           dispatch('growl/remove', growlErr.id, { root: true });
         }
         dispatch('growl/error', {
-          title:         t('growl.disconnectError.title'),
-          message:       t('growl.disconnectError.message', {
+          title:   t('growl.disconnectError.title'),
+          message: t('growl.disconnectError.message', {
             url, time: timeFormatted, tries
           }, { raw: true }),
           icon:          'error',

package/plugins/steve/web-worker.steve-sub-worker.js

@@ -41,9 +41,9 @@ function flush() {
       state.schemas[schema.id] = hash;
 
       const msg = {
-        data:          schema,
-        resourceType:  SCHEMA,
-        type:          'resource.change'
+        data:         schema,
+        resourceType: SCHEMA,
+        type:         'resource.change'
       };
 
       load(msg);

package/promptRemove/management.cattle.io.project.vue

@@ -37,7 +37,7 @@ export default {
     };
   },
 
-  computed:   {
+  computed: {
     ...mapState('action-menu', ['toRemove']),
     ...mapGetters({ t: 'i18n/t' }),
     ...mapGetters(['currentCluster']),

package/promptRemove/mixin/roleDeletionCheck.js

@@ -7,12 +7,12 @@ const CLUSTER = SUBTYPE_MAPPING.CLUSTER.key;
 export default {
   data() {
     return {
-      warning:             '',
-      info:                '',
+      warning: '',
+      info:    '',
     };
   },
 
-  computed:   {
+  computed: {
     ...mapState('action-menu', ['toRemove']),
     ...mapGetters({ t: 'i18n/t' }),
 
@@ -62,14 +62,14 @@ export default {
 
       try {
         const request = await this.$store.dispatch('management/request', {
-          url:           `/v1/${ resourceToCheck }`,
-          method:        'get',
+          url:    `/v1/${ resourceToCheck }`,
+          method: 'get',
         }, { root: true });
 
         // We need to fetch the users here in order to get an accurate count when selecting global roles.
         const users = await this.$store.dispatch('management/request', {
-          url:           `/v1/${ MANAGEMENT.USER }`,
-          method:        'get',
+          url:    `/v1/${ MANAGEMENT.USER }`,
+          method: 'get',
         }, { root: true });
 
         const userMap = users.data?.reduce((map, user) => {

package/promptRemove/pod.vue

@@ -12,9 +12,9 @@ export default {
     Checkbox
   },
 
-  props:      {
+  props: {
     value: {
-      type:     Array,
+      type:    Array,
       default: () => {
         return [];
       }

package/rancher-components/Card/Card.test.ts

@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils';
+import { Card } from './index';
+
+describe('component: Card', () => {
+  const title = 'Card title';
+  const body = 'Card body';
+
+  it('should have a card title', () => {
+    const wrapper = mount(Card, {
+      propsData: { title },
+      slots: { 
+        title: '<div>Card title</div>',
+      }
+    });
+  
+    const element = wrapper.find('[data-testid="card-title-slot"]')
+    expect(element.exists()).toBe(true);
+    expect(element.text()).toBe(title)
+  });
+
+  it('should have a card body', () => {
+    const wrapper = mount(Card, {
+      propsData: { body },
+      slots: { 
+        body: '<div>Card body</div>',
+      }
+    });
+    const element = wrapper.find('[data-testid="card-body-slot"]')
+    expect(element.exists()).toBe(true);
+    expect(element.text()).toBe(body)
+  });
+
+  it('should display the default card actions', () => {
+    const wrapper = mount(Card)
+    const element = wrapper.find('[data-testid="card-actions-slot"]')
+    expect(element.exists()).toBe(true);
+  });
+});
+

package/rancher-components/Card/Card.vue

@@ -57,18 +57,18 @@ export default Vue.extend({
 <template>
   <div class="card-container" :class="{'highlight-border': showHighlightBorder, 'card-sticky': sticky}">
     <div class="card-wrap">
-      <div class="card-title">
+      <div class="card-title" data-testid="card-title-slot">
         <slot name="title">
           {{ title }}
         </slot>
       </div>
       <hr />
-      <div class="card-body">
+      <div class="card-body" data-testid="card-body-slot">
         <slot name="body">
           {{ content }}
         </slot>
       </div>
-      <div v-if="showActions" class="card-actions">
+      <div v-if="showActions" class="card-actions" data-testid="card-actions-slot">
         <slot name="actions">
           <button class="btn role-primary" @click="buttonAction">
             {{ buttonText }}

package/rancher-components/Form/TextArea/TextAreaAutoGrow.vue

@@ -9,7 +9,6 @@ declare module 'vue/types/vue' {
     queueResize(): void;
   }
 }
-
 export default Vue.extend({
   inheritAttrs: false,