@rancher/shell 3.0.5-rc.5 → 3.0.5-rc.7

package/components/__tests__/ConfigMapSettings.test.ts

@@ -0,0 +1,376 @@
+
+import { mount } from '@vue/test-utils';
+import ConfigMapSettings, { Setting } from '@shell/components/ConfigMapSettings/index.vue';
+import { _EDIT } from '@shell/config/query-params';
+import { CONFIG_MAP } from '@shell/config/types';
+import jsyaml from 'js-yaml';
+
+const mockedStore = () => {
+  return {
+    getters: {
+      'cluster/schemaFor':    jest.fn(),
+      'management/schemaFor': jest.fn(),
+      'i18n/t':               (text: string, v = {}) => {
+        return `${ text }${ Object.values(v) }`;
+      },
+    },
+  };
+};
+
+const mockedRoute = { query: {} };
+
+const requiredSetup = () => {
+  return {
+    global: {
+      mocks: {
+        $store:      mockedStore(),
+        $route:      mockedRoute,
+        $fetchState: {},
+      },
+      stubs: { AsyncButton: true }
+    }
+  };
+};
+
+const settings = {
+  garbageCollectionInterval: {
+    weight:  0,
+    type:    'string',
+    path:    'garbageCollectionInterval',
+    default: '15m',
+  },
+  garbageCollectionIntervalNumber: {
+    weight:  0,
+    type:    'number',
+    handler: 'UnitInput',
+    path:    'garbageCollectionIntervalNumber',
+    default: '15m',
+  },
+  gitClientTimeout: {
+    weight:  1,
+    type:    'string',
+    path:    'gitClientTimeout',
+    default: '30s',
+  },
+  gitClientTimeoutNumber: {
+    weight:  1,
+    type:    'number',
+    handler: 'UnitInput',
+    path:    'gitClientTimeoutNumber',
+    default: '30s',
+  },
+  gitjobReplicas: {
+    weight:  1,
+    type:    'number',
+    path:    'gitjob.replicas',
+    default: 1,
+  },
+  multiSelect: {
+    weight:  4,
+    type:    'array',
+    path:    'multiSelect',
+    default: 'foo',
+    items:   [{
+      type:  'string',
+      value: 'foo'
+    }, {
+      type:  'string',
+      value: 'bar'
+    }],
+  },
+  singleSelect: {
+    weight: 1,
+    type:   'string',
+    items:  [{
+      type:  'string',
+      value: 'strict'
+    }, {
+      type:  'string',
+      value: 'system-store'
+    }],
+    path:    'agentTLSMode',
+    default: 'system-store',
+  },
+  nodeSelector: {
+    weight:  1,
+    type:    'object',
+    handler: 'Textarea',
+    path:    'nodeSelector',
+    default: {},
+  },
+  nodeSelectorKeyValue: {
+    weight:  1,
+    type:    'object',
+    handler: 'KeyValue',
+    path:    'nodeSelectorKeyValue',
+    default: { foo: 'val' },
+  },
+  debug: {
+    weight:  1,
+    type:    'boolean',
+    path:    'debug',
+    default: false,
+  },
+  tolerationsTaints: {
+    weight:  2,
+    type:    'object',
+    handler: 'Taints',
+    path:    'tolerationsTaints',
+    default: [{
+      key:    'foo1',
+      value:  'bar1',
+      effect: 'PreferNoSchedule'
+    }],
+  },
+} as Record<string, Setting>;
+
+const groups = [{
+  name:     'general',
+  children: [
+    'garbageCollectionInterval',
+    'gitClientTimeout'
+  ],
+  expanded: true,
+  weight:   0
+}];
+
+const configMap = {
+  type:     CONFIG_MAP,
+  metadata: {
+    namespace: 'ns',
+    name:      'name'
+  },
+  data: {
+    fleet: jsyaml.dump({
+      foo:                             'bar',
+      garbageCollectionInterval:       '1h',
+      gitjob:                          { replicas: 5 },
+      debug:                           true,
+      nodeSelector:                    { key: 'value1' },
+      garbageCollectionIntervalNumber: '14m',
+      gitClientTimeoutNumber:          '3m',
+      nodeSelectorKeyValue:            { foo: 'bar' },
+      tolerationsTaints:               [{
+        key:    'foo',
+        value:  'bar',
+        effect: 'PreferNoSchedule'
+      }]
+    }),
+    foo: { bar: 'value' }
+  },
+  save: () => {},
+};
+
+describe('component: ConfigMapSettings', () => {
+  it('should init values from settings descriptor default values, having ConfigMap === null', async() => {
+    const wrapper = mount(ConfigMapSettings, {
+      ...requiredSetup(),
+      props: {
+        settings,
+        groups,
+        name:      'cm-name',
+        namespace: 'cm-namespace',
+        dataKey:   'fleet'
+      },
+      computed: {
+        mode:       () => _EDIT,
+        canEdit:    () => true,
+        fetchState: () => ({ $fetchState: false }),
+      },
+    });
+
+    wrapper.vm.initValues();
+
+    await wrapper.vm.$nextTick();
+
+    const generalGroup = wrapper.find('[data-testid="cm-settings-group-body-general"]');
+
+    const garbageCollectionInterval = wrapper.find('[data-testid="cm-settings-field-string-garbageCollectionInterval"]').element as HTMLInputElement;
+    const garbageCollectionIntervalNumber = wrapper.find('[data-testid="cm-settings-field-number-UnitInput-garbageCollectionIntervalNumber"]').element as HTMLInputElement;
+    const gitClientTimeout = wrapper.find('[data-testid="cm-settings-field-string-gitClientTimeout"]').element as HTMLInputElement;
+    const gitClientTimeoutNumber = wrapper.find('[data-testid="cm-settings-field-number-UnitInput-gitClientTimeoutNumber"]').element as HTMLInputElement;
+    const gitjobReplicas = wrapper.find('[data-testid="cm-settings-field-number-gitjobReplicas"]').element as HTMLInputElement;
+    const multiSelect = wrapper.find('[data-testid="cm-settings-field-array-multiSelect"]').element as HTMLInputElement;
+    const nodeSelector = wrapper.find('[data-testid="cm-settings-field-object-Textarea-nodeSelector"]').element as HTMLInputElement;
+    const nodeSelectorKeyValue = wrapper.find('[data-testid="cm-settings-field-object-KeyValue-nodeSelectorKeyValue"]').find('[data-testid="input-kv-item-key-0"]').element as HTMLInputElement;
+    const tolerationsTaints = wrapper.find('[data-testid="cm-settings-field-object-Taints-tolerationsTaints"]').find('[data-testid="input-kv-item-key-0"]').element as HTMLInputElement;
+    const singleSelect = wrapper.find('[data-testid="cm-settings-field-string-singleSelect"]').element as HTMLInputElement;
+    const debug = wrapper.find('[data-testid="cm-settings-field-boolean-debug"]').find('input[type="checkbox"]').element as HTMLInputElement;
+
+    expect(generalGroup.exists()).toBe(true);
+    expect(garbageCollectionInterval.value).toBe('15m');
+    expect(garbageCollectionIntervalNumber.value).toBe('900');
+    expect(gitClientTimeout.value).toBe('30s');
+    expect(gitClientTimeoutNumber.value).toBe('30');
+    expect(multiSelect.textContent).toContain('foo');
+    expect(singleSelect.textContent).toContain('system-store');
+    expect(nodeSelector.value).toBe('{}');
+    expect(nodeSelectorKeyValue.value).toBe('foo');
+    expect(tolerationsTaints.value).toBe('foo1');
+    expect(gitjobReplicas.value).toBe('1');
+    expect(debug.checked).toBe(false);
+  });
+
+  it('should display error when parsing malformed values', async() => {
+    const wrapper = mount(ConfigMapSettings, {
+      ...requiredSetup(),
+      props: {
+        settings,
+        groups,
+        name:      'cm-name',
+        namespace: 'cm-namespace',
+        dataKey:   'fleet'
+      },
+      computed: {
+        mode:       () => _EDIT,
+        canEdit:    () => true,
+        fetchState: () => ({ $fetchState: false }),
+      },
+    });
+
+    wrapper.setData({
+      configMap: {
+        type:     CONFIG_MAP,
+        metadata: {
+          namespace: 'ns',
+          name:      'name'
+        },
+        data: {
+          fleet: { foo: 'bar' },
+          foo:   { bar: 'value' }
+        }
+      }
+    });
+
+    wrapper.vm.initValues();
+
+    await wrapper.vm.$nextTick();
+
+    const error = wrapper.find('[data-testid="cm-settings-error"]');
+
+    expect(error.text()).toContain('parseError');
+  });
+
+  it('should merge settings descriptor default values with ConfigMap values', async() => {
+    const wrapper = mount(ConfigMapSettings, {
+      ...requiredSetup(),
+      props: {
+        settings,
+        groups,
+        name:      'cm-name',
+        namespace: 'cm-namespace',
+        dataKey:   'fleet'
+      },
+      computed: {
+        mode:       () => _EDIT,
+        canEdit:    () => true,
+        fetchState: () => ({ $fetchState: false }),
+      },
+    });
+
+    wrapper.setData({ configMap });
+
+    wrapper.vm.initValues();
+
+    await wrapper.vm.$nextTick();
+
+    const garbageCollectionInterval = wrapper.find('[data-testid="cm-settings-field-string-garbageCollectionInterval"]').element as HTMLInputElement;
+    const gitClientTimeout = wrapper.find('[data-testid="cm-settings-field-string-gitClientTimeout"]').element as HTMLInputElement;
+    const gitjobReplicas = wrapper.find('[data-testid="cm-settings-field-number-gitjobReplicas"]').element as HTMLInputElement;
+    const multiSelect = wrapper.find('[data-testid="cm-settings-field-array-multiSelect"]').element as HTMLInputElement;
+    const nodeSelector = wrapper.find('[data-testid="cm-settings-field-object-Textarea-nodeSelector"]').element as HTMLInputElement;
+    const singleSelect = wrapper.find('[data-testid="cm-settings-field-string-singleSelect"]').element as HTMLInputElement;
+    const debug = wrapper.find('[data-testid="cm-settings-field-boolean-debug"]').find('input[type="checkbox"]').element as HTMLInputElement;
+    const garbageCollectionIntervalNumber = wrapper.find('[data-testid="cm-settings-field-number-UnitInput-garbageCollectionIntervalNumber"]').element as HTMLInputElement;
+    const gitClientTimeoutNumber = wrapper.find('[data-testid="cm-settings-field-number-UnitInput-gitClientTimeoutNumber"]').element as HTMLInputElement;
+    const nodeSelectorKeyValue = wrapper.find('[data-testid="cm-settings-field-object-KeyValue-nodeSelectorKeyValue"]').find('[data-testid="input-kv-item-key-0"]').element as HTMLInputElement;
+    const tolerationsTaints = wrapper.find('[data-testid="cm-settings-field-object-Taints-tolerationsTaints"]').find('[data-testid="input-kv-item-key-0"]').element as HTMLInputElement;
+
+    expect(garbageCollectionInterval.value).toBe('1h');
+    expect(gitClientTimeout.value).toBe('30s');
+    expect(multiSelect.textContent).toContain('foo');
+    expect(singleSelect.textContent).toContain('system-store');
+    expect(nodeSelector.value).toBe('{\"key\":\"value1\"}');
+    expect(gitjobReplicas.value).toBe('5');
+    expect(debug.checked).toBe(true);
+    expect(garbageCollectionIntervalNumber.value).toBe('840');
+    expect(gitClientTimeoutNumber.value).toBe('180');
+    expect(nodeSelectorKeyValue.value).toBe('foo');
+    expect(tolerationsTaints.value).toBe('foo');
+  });
+
+  it('should save ConfigMap values preserving extraneous values', async() => {
+    const wrapper = mount(ConfigMapSettings, {
+      ...requiredSetup(),
+      props: {
+        settings,
+        groups,
+        name:      'cm-name',
+        namespace: 'cm-namespace',
+        dataKey:   'fleet'
+      },
+      computed: {
+        mode:       () => _EDIT,
+        canEdit:    () => true,
+        fetchState: () => ({ $fetchState: false }),
+      },
+    });
+
+    wrapper.setData({ configMap });
+
+    wrapper.vm.initValues();
+
+    await wrapper.vm.$nextTick();
+
+    await wrapper.vm.save(() => {});
+
+    const cm = wrapper.vm.configMap as any;
+
+    expect(cm.data).toStrictEqual({
+      fleet: 'foo: bar\ngarbageCollectionInterval: 1h\ngitjob:\n  replicas: 5\ndebug: true\nnodeSelector:\n  key: value1\ngarbageCollectionIntervalNumber: 840s\ngitClientTimeoutNumber: 180s\nnodeSelectorKeyValue:\n  foo: bar\ntolerationsTaints:\n  - key: foo\n    value: bar\n    effect: PreferNoSchedule\ngitClientTimeout: 30s\nmultiSelect: foo\nagentTLSMode: system-store\n',
+      foo:   { bar: 'value' },
+    });
+  });
+
+  it('should show groups titles and hide body if group is collapsed', async() => {
+    const wrapper = mount(ConfigMapSettings, {
+      ...requiredSetup(),
+      props: {
+        settings,
+        groups: [{
+          name:     'general',
+          children: [
+            'garbageCollectionInterval',
+            'gitClientTimeout'
+          ],
+          expanded: false,
+          weight:   0
+        }],
+        name:      'cm-name',
+        namespace: 'cm-namespace',
+        dataKey:   'fleet'
+      },
+      computed: {
+        mode:       () => _EDIT,
+        canEdit:    () => true,
+        fetchState: () => ({ $fetchState: false }),
+      },
+    });
+
+    wrapper.vm.initValues();
+
+    await wrapper.vm.$nextTick();
+
+    const generalGroupRow = wrapper.find('[data-testid="cm-settings-row-general"]');
+    const generalGroupBody = wrapper.find('[data-testid="cm-settings-group-body-general"]');
+
+    const garbageCollectionInterval = wrapper.find('[data-testid="cm-settings-field-string-garbageCollectionInterval"]');
+    const gitClientTimeout = wrapper.find('[data-testid="cm-settings-field-string-gitClientTimeout"]');
+
+    expect(generalGroupRow.exists()).toBe(true);
+    expect(generalGroupBody.exists()).toBe(false);
+
+    expect(garbageCollectionInterval.exists()).toBe(false);
+    expect(gitClientTimeout.exists()).toBe(false);
+  });
+});

package/components/__tests__/GrowlManager.test.ts

@@ -43,7 +43,6 @@ describe('component: GrowlManager', () => {
     const growlFirstItemTitle = wrapper.find('.growl-list [data-testid="growl-list-item-0"] .growl-text div');
     const growlFirstItemMessage = wrapper.find('.growl-list [data-testid="growl-list-item-0"] .growl-text p');
     const growlFirstItemClose = wrapper.find('.growl-list [data-testid="growl-list-item-0"] .close.icon');
-    const clearAllButton = wrapper.find('button[type="button"]');
 
     expect(growlMainContainer.exists()).toBe(true);
     expect(growlListContainer.exists()).toBe(true);
@@ -52,7 +51,6 @@ describe('component: GrowlManager', () => {
     expect(growlFirstItemTitle.text()).toBe('growl1-title');
     expect(growlFirstItemMessage.text()).toBe('growl1-message');
     expect(growlFirstItemClose.exists()).toBe(true);
-    expect(clearAllButton.exists()).toBe(true);
   });
 
   it('clicking on individual growl close should dismiss the individual growl', async() => {
@@ -79,29 +77,6 @@ describe('component: GrowlManager', () => {
     expect(spyDispatch).toHaveBeenCalledTimes(1);
   });
 
-  it('clicking on clear all growls should dismiss all growls', async() => {
-    const mockStore = {
-      getters:  { 'i18n/t': jest.fn() },
-      dispatch: () => jest.fn()
-    };
-
-    const wrapper = shallowMount(GrowlManager, {
-      computed: { stack: () => stackMock },
-      global:   { mocks: { $store: mockStore } }
-    });
-
-    const clearAllButton = wrapper.find('button[type="button"]');
-    const spyCloseAll = jest.spyOn(wrapper.vm, 'closeAll');
-    const spyDispatch = jest.spyOn(mockStore, 'dispatch');
-
-    clearAllButton.trigger('click');
-
-    await nextTick();
-
-    expect(spyCloseAll).toHaveBeenCalledTimes(1);
-    expect(spyDispatch).toHaveBeenCalledTimes(1);
-  });
-
   it('growl should auto remove itself after set interval of 1 second', async() => {
     jest.useFakeTimers();
 

package/components/__tests__/PromptRestore.test.ts

@@ -4,7 +4,7 @@ import PromptRestore from '@shell/components/PromptRestore.vue';
 import { createStore } from 'vuex';
 import { ExtendedVue, Vue } from 'vue/types/vue';
 import { DefaultProps } from 'vue/types/options';
-import { CAPI, NORMAN } from '@shell/config/types';
+import { CAPI } from '@shell/config/types';
 import { STATES_ENUM } from '@shell/plugins/dashboard-store/resource-class';
 
 const RKE2_CLUSTER_NAME = 'rke2_cluster_name';
@@ -33,32 +33,6 @@ const RKE2_FAILED_SNAPSHOT = {
   name:         'rke2_name_3'
 };
 
-const RKE1_CLUSTER_NAME = 'rke1_cluster_name';
-const RKE1_SUCCESSFUL_SNAPSHOT_1 = {
-  clusterId: RKE1_CLUSTER_NAME,
-  type:      NORMAN.ETCD_BACKUP,
-  state:     STATES_ENUM.ACTIVE,
-  created:   'Thu Jul 30 2023 11:11:39',
-  id:        'rke1_id_1',
-  name:      'rke1_name_1'
-};
-const RKE1_SUCCESSFUL_SNAPSHOT_2 = {
-  clusterId: RKE1_CLUSTER_NAME,
-  type:      NORMAN.ETCD_BACKUP,
-  state:     STATES_ENUM.ACTIVE,
-  created:   'Thu Jul 30 2022 11:11:39',
-  id:        'rke1_id_2',
-  name:      'rke1_name_2'
-};
-const RKE1_WITH_ERROR_SNAPSHOT = {
-  clusterId: RKE1_CLUSTER_NAME,
-  type:      NORMAN.ETCD_BACKUP,
-  state:     STATES_ENUM.ERROR,
-  created:   'Thu Jul 30 2021 11:11:39',
-  id:        'rke1_id_3',
-  name:      'rke1_name_3'
-};
-
 describe('component: PromptRestore', () => {
   const rke2TestCases = [
     [[], 0],
@@ -98,42 +72,4 @@ describe('component: PromptRestore', () => {
 
     expect(wrapper.vm.clusterSnapshots).toHaveLength(expected);
   });
-
-  const rke1TestCases = [
-    [[], 0],
-    [[RKE1_WITH_ERROR_SNAPSHOT], 0],
-    [[RKE1_SUCCESSFUL_SNAPSHOT_1], 1],
-    [[RKE1_SUCCESSFUL_SNAPSHOT_1, RKE1_SUCCESSFUL_SNAPSHOT_2], 2],
-    [[RKE1_WITH_ERROR_SNAPSHOT, RKE1_SUCCESSFUL_SNAPSHOT_1, RKE1_SUCCESSFUL_SNAPSHOT_2], 2]
-  ];
-
-  it.each(rke1TestCases)('should list RKE1 snapshots properly', async(snapShots, expected) => {
-    const store = createStore({
-      modules: {
-        'action-menu': {
-          namespaced: true,
-          state:      {
-            showPromptRestore: true,
-            toRestore:         [{
-              type:     CAPI.RANCHER_CLUSTER,
-              metadata: { name: RKE1_CLUSTER_NAME },
-              snapShots
-            }]
-          },
-        },
-      },
-      getters: { 'i18n/t': () => jest.fn(), 'prefs/get': () => jest.fn() },
-      actions: { 'rancher/findAll': jest.fn().mockResolvedValue(snapShots) }
-    });
-
-    const wrapper = shallowMount(
-      PromptRestore as unknown as ExtendedVue<Vue, {}, {}, {}, DefaultProps>,
-      { global: { mocks: { $store: store } } }
-    );
-
-    await wrapper.vm.fetchSnapshots();
-    await nextTick();
-
-    expect(wrapper.vm.clusterSnapshots).toHaveLength(expected);
-  });
 });

package/components/__tests__/RichTranslation.test.ts

@@ -0,0 +1,115 @@
+import { mount } from '@vue/test-utils';
+import RichTranslation from '../RichTranslation.vue';
+import { createStore } from 'vuex';
+import { h } from 'vue';
+
+// Mock the i18n store getter
+const mockI18nStore = createStore({
+  getters: {
+    'i18n/t': () => (key: string, args: any, noMarkup: boolean) => {
+      const translations: Record<string, string> = {
+        'test.simple':   'Hello World',
+        'test.html':     'This is <b>bold</b> and <i>italic</i>.',
+        'test.custom':   'This has a <customLink>link</customLink> and <anotherTag/>.',
+        'test.mixed':    'Text before <tag1>content1</tag1> text in middle <tag2/> text after.',
+        'test.noString': 123,
+      };
+
+      return translations[key] || key;
+    },
+  },
+});
+
+describe('richTranslation', () => {
+  it('renders a simple translation correctly', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.simple' },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.text()).toBe('Hello World');
+    expect(wrapper.html()).toContain('<span>Hello World</span>');
+  });
+
+  it('renders HTML tags correctly', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.html' },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.html()).toContain('<span><span>This is </span><b>bold</b><span> and </span><i>italic</i><span>.</span></span>');
+    expect(wrapper.find('b').exists()).toBe(true);
+    expect(wrapper.find('i').exists()).toBe(true);
+  });
+
+  it('renders custom components via slots (enclosing tag)', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.custom' },
+      slots:  { customLink: ({ content }: { content: string }) => h('a', { href: '/test' }, content) },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.html()).toContain('<a href="/test">link</a>');
+    expect(wrapper.find('a').text()).toBe('link');
+  });
+
+  it('renders custom components via slots (self-closing tag)', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.custom' },
+      slots:  { anotherTag: () => h('span', { class: 'self-closed' }, 'Self-closed content') },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.html()).toContain('<span class="self-closed">Self-closed content</span>');
+    expect(wrapper.find('.self-closed').text()).toBe('Self-closed content');
+  });
+
+  it('handles mixed content with multiple custom components', () => {
+    const wrapper = mount(RichTranslation, {
+      props: { k: 'test.mixed' },
+      slots: {
+        tag1: ({ content }: { content: string }) => h('strong', {}, content),
+        tag2: () => h('em', {}, 'emphasized'),
+      },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.html()).toContain('<span>Text before </span><strong>content1</strong><span> text in middle </span><em>emphasized</em><span> text after.</span>');
+    expect(wrapper.find('strong').text()).toBe('content1');
+    expect(wrapper.find('em').text()).toBe('emphasized');
+  });
+
+  it('renders correctly when translation is not a string', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.noString' },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.text()).toBe('123');
+    expect(wrapper.html()).toContain('<span>123</span>');
+  });
+
+  it('uses the specified root tag', () => {
+    const wrapper = mount(RichTranslation, {
+      props: {
+        k:   'test.simple',
+        tag: 'div',
+      },
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.html()).toContain('<div><span>Hello World</span></div>');
+    expect(wrapper.find('div').exists()).toBe(true);
+    expect(wrapper.find('span').exists()).toBe(true); // Inner span for content
+  });
+
+  it('falls back to raw tag content if slot is not provided for enclosing tag', () => {
+    const wrapper = mount(RichTranslation, {
+      props:  { k: 'test.custom' }, // Contains <customLink> and <anotherTag/>
+      // No slots provided
+      global: { plugins: [mockI18nStore] },
+    });
+
+    expect(wrapper.find('a').exists()).toBe(false); // Should not render as <a>
+  });
+});

package/components/auth/login/ldap.vue

@@ -69,7 +69,7 @@ export default {
             v-model:value="password"
             type="password"
             :label="t('login.password')"
-            autocomplete="password"
+            autocomplete="current-password"
           />
         </div>
       </div>

package/components/fleet/FleetApplications.vue

@@ -143,12 +143,6 @@ export default {
       ];
     },
   },
-
-  methods: {
-    getDetailLocation(row: Application) {
-      return row._detailLocation;
-    }
-  },
 };
 </script>
 
@@ -169,7 +163,6 @@ export default {
       :schema="schema"
       :headers="headers"
       :rows="filteredRows"
-      :get-custom-detail-link="getDetailLocation"
       :loading="loading"
       :use-query-params-for-simple-filtering="useQueryParamsForSimpleFiltering"
       :namespaced="!workspace"