@rancher/shell 3.0.5-rc.6 → 3.0.5-rc.8

package/models/fleet.cattle.io.helmop.js

@@ -41,22 +41,6 @@ export default class HelmOp extends FleetApplication {
       enabled:  !!this.links.update && this.spec?.paused === true
     });
 
-    insertAt(out, 2, {
-      action:   'enablePollingAction',
-      label:    this.t('fleet.helmOp.actions.enablePolling.label'),
-      icon:     'icon icon-endpoints_connected',
-      bulkable: true,
-      enabled:  !!this.links.update && !!this.spec?.disablePolling
-    });
-
-    insertAt(out, 3, {
-      action:   'disablePollingAction',
-      label:    this.t('fleet.helmOp.actions.disablePolling.label'),
-      icon:     'icon icon-endpoints_disconnected',
-      bulkable: true,
-      enabled:  !!this.links.update && !this.spec?.disablePolling
-    });
-
     insertAt(out, 5, { divider: true });
 
     return out;
@@ -88,7 +72,7 @@ export default class HelmOp extends FleetApplication {
     return false;
   }
 
-  repoDisplay(repo) {
+  sourceDisplay(repo) {
     if (!repo) {
       return null;
     }
@@ -140,9 +124,14 @@ export default class HelmOp extends FleetApplication {
 
     switch (this.sourceType) {
     case SOURCE_TYPE.REPO:
-    case SOURCE_TYPE.OCI:
       value = this.spec.helm?.repo || '';
       break;
+    case SOURCE_TYPE.OCI: {
+      const parsed = parse(this.spec.helm?.repo || '');
+
+      value = parsed?.host ? `oci://${ parsed.host }` : '';
+      break;
+    }
     case SOURCE_TYPE.TARBALL:
       value = this.spec.helm?.chart || '';
     }
@@ -158,15 +147,25 @@ export default class HelmOp extends FleetApplication {
 
     return {
       value,
-      display:  this.repoDisplay(value),
+      display:  this.sourceDisplay(value),
       icon:     'icon icon-application',
-      showLink: matchHttps || matchSSH
+      showLink: !!(matchHttps || matchSSH)
     };
   }
 
   get sourceSub() {
+    // Version label
+    const semanticVersion = this.spec.helm?.version || '';
+    const installedVersion = this.status?.version || '';
+
+    let labelVersion = semanticVersion || installedVersion || '';
+
+    if (semanticVersion && installedVersion && semanticVersion !== installedVersion) {
+      labelVersion = `${ semanticVersion } -> ${ installedVersion }`;
+    }
+
+    // Chart label
     let chart = '';
-    const version = this.spec.helm.version || '';
 
     switch (this.sourceType) {
     case SOURCE_TYPE.REPO:
@@ -180,7 +179,12 @@ export default class HelmOp extends FleetApplication {
     }
     }
 
-    const value = chart && version ? chart.concat(':', version) : chart;
+    // Concat chart label and version label
+    let value = chart || labelVersion || '';
+
+    if (chart && labelVersion) {
+      value = `${ chart } : ${ labelVersion }`;
+    }
 
     return {
       value,

package/models/management.cattle.io.setting.js

@@ -68,4 +68,8 @@ export default class Setting extends HybridModel {
       super.goToEdit();
     }
   }
+
+  get disableResourceDetailDrawer() {
+    return true;
+  }
 }

package/models/persistentvolumeclaim.js

@@ -41,7 +41,7 @@ export default class PVC extends SteveModel {
     insertAt(out, 0, {
       action:  'goToEditVolumeSize',
       enabled: this.expandable && this.bound,
-      icon:    'icon icon-fw icon-plus',
+      icon:    'icon icon-plus',
       label:   this.t('persistentVolumeClaim.expand.label'),
     });
 

package/models/pod.js

@@ -61,7 +61,7 @@ export default class Pod extends WorkloadService {
     return {
       action:  'openShell',
       enabled: !!this.links.view && this.isRunning,
-      icon:    'icon icon-fw icon-chevron-right',
+      icon:    'icon-chevron-right',
       label:   'Execute Shell',
       total:   1,
     };
@@ -71,7 +71,7 @@ export default class Pod extends WorkloadService {
     return {
       action:  'openLogs',
       enabled: !!this.links.view,
-      icon:    'icon icon-fw icon-chevron-right',
+      icon:    'icon icon-chevron-right',
       label:   'View Logs',
       total:   1,
     };

package/models/provisioning.cattle.io.cluster.js

@@ -13,6 +13,7 @@ import { CAPI as CAPI_ANNOTATIONS, NODE_ARCHITECTURE } from '@shell/config/label
 import { KEV1 } from '@shell/models/management.cattle.io.kontainerdriver';
 
 const RKE1_ALLOWED_ACTIONS = [
+  'promptRemove',
   'openShell',
   'downloadKubeConfig',
   'copyKubeConfig',
@@ -73,15 +74,17 @@ export default class ProvCluster extends SteveModel {
     return super.creationTimestamp;
   }
 
-  // Models can specify a single action that will be shown as a button in the details masthead
-  get detailsAction() {
-    const canExplore = this.mgmt?.isReady && !this.hasError;
+  get canExplore() {
+    return this.mgmt?.isReady && !this.hasError;
+  }
 
-    return {
-      action:  'explore',
-      label:   this.$rootGetters['i18n/t']('cluster.explore'),
-      enabled: canExplore,
-    };
+  get canEdit() {
+    // If the cluster is a KEV1 cluster or Harvester cluster then prevent edit
+    if (this.isKev1 || this.isHarvester) {
+      return false;
+    }
+
+    return super.canEdit;
   }
 
   get _availableActions() {
@@ -100,7 +103,7 @@ export default class ProvCluster extends SteveModel {
 
     const canEditRKE2cluster = this.isRke2 && ready && this.canUpdate;
 
-    const canSnapshot = ready && ((this.isRke2 && this.canUpdate) || (this.isRke1 && this.mgmt?.hasAction('backupEtcd')));
+    const canSnapshot = ready && this.isRke2 && this.canUpdate;
 
     const actions = [
       // Note: Actions are not supported in the Steve API, so we check
@@ -133,7 +136,7 @@ export default class ProvCluster extends SteveModel {
       }, {
         action:  'restoreSnapshotAction',
         label:   this.$rootGetters['i18n/t']('nav.restoreSnapshot'),
-        icon:    'icon icon-fw icon-backup-restore',
+        icon:    'icon icon-backup-restore',
         enabled: canSnapshot,
       }, {
         action:  'rotateCertificates',
@@ -147,19 +150,6 @@ export default class ProvCluster extends SteveModel {
         enabled: canEditRKE2cluster
       }, { divider: true }];
 
-    // Harvester Cluster 1:1 Harvester Cloud Cred
-    if (this.cloudCredential?.canRenew || this.cloudCredential?.canBulkRenew) {
-      out.splice(0, 0, { divider: true });
-      out.splice(0, 0, {
-        action:     'renew',
-        enabled:    this.cloudCredential?.canRenew,
-        bulkable:   this.cloudCredential?.canBulkRenew,
-        bulkAction: 'renewBulk',
-        icon:       'icon icon-fw icon-refresh',
-        label:      this.$rootGetters['i18n/t']('cluster.cloudCredentials.renew'),
-      });
-    }
-
     const all = actions.concat(out);
 
     // If the cluster is a KEV1 cluster or Harvester cluster then prevent edit
@@ -822,33 +812,6 @@ export default class ProvCluster extends SteveModel {
     return this._stateObj;
   }
 
-  get rkeTemplate() {
-    if (!this.isRke1 || !this.mgmt) {
-      // Not an RKE! cluster or no management cluster available
-      return false;
-    }
-
-    if (!this.mgmt.spec?.clusterTemplateRevisionName) {
-      // Cluster does not use an RKE template
-      return false;
-    }
-
-    const clusterTemplateName = this.mgmt.spec.clusterTemplateName.replace(':', '/');
-    const clusterTemplateRevisionName = this.mgmt.spec.clusterTemplateRevisionName.replace(':', '/');
-    const template = this.$rootGetters['management/all'](MANAGEMENT.RKE_TEMPLATE).find((t) => t.id === clusterTemplateName);
-    const revision = this.$rootGetters['management/all'](MANAGEMENT.RKE_TEMPLATE_REVISION).find((t) => t.spec.enabled && t.id === clusterTemplateRevisionName);
-
-    if (!template || !revision) {
-      return false;
-    }
-
-    return {
-      displayName: `${ template.spec?.displayName }/${ revision.spec?.displayName }`,
-      template,
-      revision,
-    };
-  }
-
   get _stateObj() {
     if (!this.isRke2) {
       return this.mgmt?.stateObj || this.metadata?.state;
@@ -1011,6 +974,28 @@ export default class ProvCluster extends SteveModel {
     return null;
   }
 
+  /**
+   * Gets the options for fields that should be commented out in the YAML representation
+   * of the model. This is particularly useful for conditionally commenting out certain
+   * fields based on the model's configuration.
+   *
+   * @returns {null | Array.<{path: string, key: string}>}
+   * - `path`: A dot-separated string indicating the path to the object containing the key.
+   * - `key`: The specific key within the object at the given path that should be commented out.
+   */
+  get commentFieldsOptions() {
+    if ( this.isRke2 ) {
+      return [
+        {
+          path: 'spec.rkeConfig.machineGlobalConfig',
+          key:  'profile'
+        }
+      ];
+    }
+
+    return null;
+  }
+
   // JSON Paths that should be folded in the YAML editor by default
   get yamlFolding() {
     return [
@@ -1022,24 +1007,11 @@ export default class ProvCluster extends SteveModel {
     return super.description || this.mgmt?.description;
   }
 
-  renew() {
-    return this.cloudCredential?.renew();
-  }
-
-  renewBulk(clusters = []) {
-    // In theory we don't need to filter by cloudCred, but do so for safety
-    const cloudCredentials = clusters.filter((c) => c.cloudCredential).map((c) => c.cloudCredential);
-
-    return this.cloudCredential?.renewBulk(cloudCredentials);
+  get disableResourceDetailDrawerConfigTab() {
+    return !!this.isHarvester;
   }
 
-  get cloudCredential() {
-    return this.$rootGetters['rancher/all'](NORMAN.CLOUD_CREDENTIAL).find((cc) => cc.id === this.spec.cloudCredentialSecretName);
-  }
-
-  get cloudCredentialWarning() {
-    const expireData = this.cloudCredential?.expireData;
-
-    return expireData?.expired || expireData?.expiring;
+  get fullDetailPageOverride() {
+    return true;
   }
 }

package/models/rke.cattle.io.etcdsnapshot.js

@@ -17,7 +17,7 @@ export default class EtcdBackup extends NormanModel {
     return [{
       action: 'promptRestore',
       enabled,
-      icon:   'icon icon-fw icon-backup-restore',
+      icon:   'icon icon-backup-restore',
       label:  'Restore'
     }];
   }

package/models/secret.js

@@ -1,8 +1,8 @@
 import r from 'jsrsasign';
-import { CERTMANAGER, KUBERNETES } from '@shell/config/labels-annotations';
+import { CERTMANAGER, KUBERNETES, UI_PROJECT_SECRET, UI_PROJECT_SECRET_COPY } from '@shell/config/labels-annotations';
 import { base64Decode, base64Encode } from '@shell/utils/crypto';
 import { removeObjects } from '@shell/utils/array';
-import { SERVICE_ACCOUNT } from '@shell/config/types';
+import { MANAGEMENT, SERVICE_ACCOUNT, VIRTUAL_TYPES } from '@shell/config/types';
 import { set } from '@shell/utils/object';
 import { NAME as MANAGER } from '@shell/config/product/manager';
 import SteveModel from '@shell/plugins/steve/steve-class';
@@ -10,6 +10,8 @@ import { colorForState, stateDisplay, STATES_ENUM } from '@shell/plugins/dashboa
 import { diffFrom } from '@shell/utils/time';
 import day from 'dayjs';
 import { steveCleanForDownload } from '@shell/plugins/steve/resource-utils';
+import { STORE } from '@shell/store/store-types';
+import { escapeHtml } from '@shell/utils/string';
 
 export const TYPES = {
   OPAQUE:           'Opaque',
@@ -159,6 +161,10 @@ export default class Secret extends SteveModel {
   }
 
   get canUpdate() {
+    if (this.isProjectSecretCopy) {
+      return false;
+    }
+
     if ( !this.hasLink('update') ) {
       return false;
     }
@@ -170,6 +176,20 @@ export default class Secret extends SteveModel {
     return this.$rootGetters['type-map/optionsFor'](this.type).isEditable;
   }
 
+  get canDelete() {
+    // Deleting a copy / synced secret that was created in a namespace in a project that has a project scoped secret
+    // will only be temporary (the parent project scoped secret will recreate it)
+    return this.isProjectSecretCopy ? false : super.canDelete;
+  }
+
+  get canCreate() {
+    return this.isProjectSecretCopy ? false : super.canCreate;
+  }
+
+  get canEditYaml() {
+    return this.isProjectSecretCopy ? false : super.canEditYaml;
+  }
+
   get keysDisplay() {
     const keys = [
       ...Object.keys(this.data || []),
@@ -470,4 +490,143 @@ export default class Secret extends SteveModel {
 
     return steveCleanForDownload(yaml, { rootKeys: ['id', 'links', 'actions'] });
   }
+
+  /**
+   * is this a project scoped secret .... or also a cloned project scoped secret
+   */
+  get isProjectScopedRelated() {
+    return !!this.metadata.labels?.[UI_PROJECT_SECRET];
+  }
+
+  /**
+   * is this a project scoped secret
+   */
+  get isProjectScoped() {
+    return this.isProjectScopedRelated && !this.isProjectSecretCopy && this.$rootGetters['isRancher'];
+  }
+
+  get projectScopedClusterId() {
+    if (!this.projectScopedProjectId) {
+      return undefined;
+    }
+
+    const clusterId = this.metadata.namespace.replace(`-${ this.projectScopedProjectId }`, '');
+
+    // default and system pss don't follow the patter of <cluster>-<project>, so if they match assume its one of them
+    return clusterId === this.metadata.namespace ? 'local' : clusterId;
+  }
+
+  get projectScopedProjectId() {
+    return this.metadata.labels?.[UI_PROJECT_SECRET];
+  }
+
+  get isProjectSecretCopy() {
+    return this.metadata?.annotations?.[UI_PROJECT_SECRET_COPY] === 'true';
+  }
+
+  get projectCluster() {
+    if (!this.isProjectScoped) {
+      return undefined;
+    }
+
+    return this.$rootGetters[`${ STORE.MANAGEMENT }/byId`](MANAGEMENT.CLUSTER, this.projectScopedClusterId);
+  }
+
+  /**
+   * If this is a project scoped secret, return it
+   */
+  get project() {
+    if (!this.isProjectScoped ) {
+      return undefined;
+    }
+
+    return this.$rootGetters[`${ STORE.MANAGEMENT }/byId`](MANAGEMENT.PROJECT, `${ this.projectScopedClusterId }/${ this.projectScopedProjectId }`);
+  }
+
+  get projectScopedSecretCluster() {
+    if (!this.isProjectScoped ) {
+      return undefined;
+    }
+
+    return this.$rootGetters[`${ STORE.MANAGEMENT }/byId`](MANAGEMENT.PROJECT, `${ this.projectScopedClusterId }/${ this.projectScopedProjectId }`);
+  }
+
+  get clusterAndProjectLabel() {
+    if (!this.isProjectScoped) {
+      return '';
+    }
+    const clusterName = this.projectCluster?.nameDisplay;
+    // project is going to be empty if upstream and trying to show pss from downstream clusters
+    // we only ever have the current clusters projects. if we change this (fetch them in the list)
+    // we wipe out the header ns filter projects
+    const projectName = this.project?.nameDisplay || this.projectScopedProjectId;
+
+    if (clusterName && projectName) {
+      return `${ projectName } (${ clusterName })`;
+    }
+
+    return '';
+  }
+
+  get detailLocation() {
+    if (this.isProjectScoped) {
+      const id = this.id?.replace(/.*\//, '');
+
+      return {
+        name:   `c-cluster-product-${ VIRTUAL_TYPES.PROJECT_SECRETS }-namespace-id`,
+        params: {
+          product:   this.$rootGetters['productId'],
+          cluster:   this.$rootGetters['clusterId'],
+          namespace: this.metadata?.namespace,
+          resource:  VIRTUAL_TYPES.PROJECT_SECRETS,
+          id,
+        }
+      };
+    }
+
+    return this._detailLocation;
+  }
+
+  get listLocation() {
+    if (!this.isProjectScoped) {
+      return super.listLocation;
+    }
+
+    return {
+      name:   'c-cluster-product-resource',
+      params: {
+        product:  this.$rootGetters['productId'],
+        cluster:  this.$rootGetters['clusterId'],
+        resource: VIRTUAL_TYPES.PROJECT_SECRETS,
+      }
+    };
+  }
+
+  get parentNameOverride() {
+    if (!this.isProjectScoped) {
+      return super.parentNameOverride;
+    }
+
+    return this.$rootGetters['i18n/t'](`typeLabel."${ VIRTUAL_TYPES.PROJECT_SECRETS }"`, { count: 1 })?.trim();
+  }
+
+  get parentLocationOverride() {
+    if (!this.isProjectScoped) {
+      return super.parentNameOverride;
+    }
+
+    return this.listLocation;
+  }
+
+  get groupByProject() {
+    if (!this.isProjectScoped) {
+      return undefined;
+    }
+
+    return this.t('resourceTable.groupLabel.project', { name: escapeHtml(this?.project?.nameDisplay || '') }, true);
+  }
+
+  get fullDetailPageOverride() {
+    return true;
+  }
 }

package/models/storage.k8s.io.storageclass.js

@@ -141,14 +141,14 @@ export default class extends SteveModel {
       out.unshift({
         action:  'resetDefault',
         enabled: true,
-        icon:    'icon icon-fw icon-checkmark',
+        icon:    'icon icon-checkmark',
         label:   this.t('storageClass.actions.resetDefault'),
       });
     } else {
       out.unshift({
         action:  'setDefault',
         enabled: true,
-        icon:    'icon icon-fw icon-checkmark',
+        icon:    'icon icon-checkmark',
         label:   this.t('storageClass.actions.setAsDefault'),
       });
     }

package/models/workload.js

@@ -1,7 +1,7 @@
 import { findBy, insertAt } from '@shell/utils/array';
 import { CATTLE_PUBLIC_ENDPOINTS } from '@shell/config/labels-annotations';
 import { WORKLOAD_TYPES, SERVICE, POD } from '@shell/config/types';
-import { get, set } from '@shell/utils/object';
+import { set } from '@shell/utils/object';
 import day from 'dayjs';
 import { convertSelectorObj, parse } from '@shell/utils/selector';
 import { SEPARATOR } from '@shell/config/workload';
@@ -76,7 +76,7 @@ export default class Workload extends WorkloadService {
     insertAt(out, 0, {
       action:  'openShell',
       enabled: !!this.links.view,
-      icon:    'icon icon-fw icon-chevron-right',
+      icon:    'icon icon-chevron-right',
       label:   this.t('action.openShell'),
       total:   1,
     });
@@ -632,7 +632,7 @@ export default class Workload extends WorkloadService {
       return undefined;
     }
 
-    return (get(this, 'metadata.relationships') || []).filter((relationship) => relationship.toType === WORKLOAD_TYPES.JOB);
+    return this.metadata?.relationships?.filter((relationship) => relationship.toType === WORKLOAD_TYPES.JOB) || [];
   }
 
   /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rancher/shell",
-  "version": "3.0.5-rc.6",
+  "version": "3.0.5-rc.8",
   "description": "Rancher Dashboard Shell",
   "repository": "https://github.com/rancherlabs/dashboard",
   "license": "Apache-2.0",
@@ -27,17 +27,18 @@
     "e2e:dev": "start-server-and-test dev https://localhost:8005 cy:open"
   },
   "dependencies": {
-    "@aws-sdk/client-ec2": "3.658.1",
-    "@aws-sdk/client-eks": "3.1.0",
-    "@aws-sdk/client-iam": "3.658.1",
-    "@aws-sdk/client-kms": "3.8.1",
+    "@aws-sdk/client-ec2": "3.863.0",
+    "@aws-sdk/client-eks": "3.863.0",
+    "@aws-sdk/client-iam": "3.863.0",
+    "@aws-sdk/client-kms": "3.863.0",
+    "@smithy/fetch-http-handler": "5.1.1",
     "@babel/plugin-proposal-optional-chaining": "7.21.0",
     "@babel/plugin-proposal-private-methods": "7.18.6",
     "@babel/plugin-proposal-private-property-in-object": "7.14.5",
     "@babel/preset-typescript": "7.16.7",
     "@novnc/novnc": "1.2.0",
     "@popperjs/core": "2.11.8",
-    "@rancher/icons": "2.0.29",
+    "@rancher/icons": "2.0.38",
     "@types/is-url": "1.2.30",
     "@types/node": "20.10.8",
     "@types/semver": "^7.5.8",
@@ -64,14 +65,14 @@
     "cookie-universal": "2.2.2",
     "cookie": "0.7.0",
     "core-js": "3.40.0",
-    "cron-validator": "1.3.1",
+    "cron-validator": "1.4.0",
     "cronstrue": "2.53.0",
     "cross-env": "7.0.3",
     "css-loader": "6.7.3",
     "csv-loader": "3.0.3",
     "custom-event-polyfill": "^1.0.7",
     "cypress": "11.1.0",
-    "d3-selection": "1.4.1",
+    "d3-selection": "3.0.0",
     "d3": "7.3.0",
     "dayjs": "1.8.29",
     "defu": "5.0.1",
@@ -108,7 +109,7 @@
     "jsdiff": "1.1.1",
     "jsonpath-plus": "10.3.0",
     "jsrsasign": "11.0.0",
-    "jszip": "3.8.0",
+    "jszip": "3.10.1",
     "lodash": "4.17.21",
     "marked": "4.0.17",
     "node-polyfill-webpack-plugin": "3.0.0",
@@ -117,7 +118,7 @@
     "papaparse": "5.3.0",
     "portal-vue": "~3.0.0",
     "sass-loader": "12.6.0",
-    "sass": "1.83.1",
+    "sass": "1.89.2",
     "serve-static": "1.14.1",
     "set-cookie-parser": "2.4.6",
     "shell-quote": "1.7.3",

package/pages/c/_cluster/apps/charts/AppChartCardFooter.vue

@@ -35,6 +35,7 @@ function onClickItem(type: string, label: string) {
       <rc-item-card-action
         v-for="(label, j) in footerItem.labels"
         :key="j"
+        v-clean-tooltip="footerItem.labelTooltip"
         class="app-chart-card-footer-item-text secondary-text-link"
         data-testid="app-chart-card-footer-item-text"
         tabindex="0"

package/pages/c/_cluster/apps/charts/AppChartCardSubHeader.vue

@@ -4,6 +4,7 @@ interface SubHeaderItem {
   icon: string;
   iconTooltip?: Record<{key?: string, text?: string}>;
   label: string;
+  labelTooltip?: string;
 }
 
 defineProps<{
@@ -24,7 +25,9 @@ defineProps<{
         v-clean-tooltip="t(subHeaderItem.iconTooltip.key)"
         :class="['icon', 'app-chart-card-sub-header-item-icon', subHeaderItem.icon]"
       />
-      <p>{{ subHeaderItem.label }}</p>
+      <p v-clean-tooltip="subHeaderItem.labelTooltip">
+        {{ subHeaderItem.label }}
+      </p>
     </div>
   </div>
 </template>

package/pages/c/_cluster/apps/charts/__tests__/AppChartCardFooter.spec.js

@@ -0,0 +1,41 @@
+import { shallowMount } from '@vue/test-utils';
+import AppChartCardFooter from '../AppChartCardFooter.vue';
+import { REPO } from '@shell/config/query-params';
+
+describe('component: AppChartCardFooter', () => {
+  it('should render', () => {
+    const wrapper = shallowMount(AppChartCardFooter, {
+      propsData: { items: [] },
+      stubs:     { 'rc-item-card-action': true },
+    });
+
+    expect(wrapper.exists()).toBe(true);
+  });
+
+  it('should apply tooltips to labels', () => {
+    const tooltipContent = 'my tooltip';
+    const items = [
+      {
+        type:         REPO,
+        labels:       ['label1', 'label2'],
+        labelTooltip: tooltipContent,
+      },
+    ];
+
+    const wrapper = shallowMount(AppChartCardFooter, {
+      propsData:  { items },
+      stubs:      { 'rc-item-card-action': true },
+      directives: {
+        'clean-tooltip': (el, binding) => {
+          el.setAttribute('data-tooltip-value', binding.value);
+        },
+      },
+    });
+
+    const actions = wrapper.findAll('[data-tooltip-value]');
+
+    expect(actions).toHaveLength(2);
+    expect(actions.at(0).attributes('data-tooltip-value')).toBe(tooltipContent);
+    expect(actions.at(1).attributes('data-tooltip-value')).toBe(tooltipContent);
+  });
+});