@rancher/shell 0.5.3 → 2.0.0

package/edit/provisioning.cattle.io.cluster/__tests__/Advanced.test.ts

@@ -1,7 +1,7 @@
 /* eslint-disable jest/no-hooks */
 import { mount, Wrapper } from '@vue/test-utils';
 import Advanced from '@shell/edit/provisioning.cattle.io.cluster/tabs/Advanced.vue';
-import { _YAML, _VIEW } from '@shell/config/query-params';
+import { _EDIT, _YAML, _VIEW } from '@shell/config/query-params';
 import { clone } from '@shell/utils/object';
 import { PROV_CLUSTER, VERSION_CLUSTER } from '@shell/edit/provisioning.cattle.io.cluster/__tests__/utils/cluster';
 
@@ -48,6 +48,23 @@ describe('component: Advanced', () => {
       expect(inputElem).toBeUndefined();
     });
 
+    it(`should support undefined machineSelectorConfig.config`, () => {
+      const value = clone(PROV_CLUSTER);
+
+      value.spec.rkeConfig.machineSelectorConfig[0].config = undefined;
+
+      mountOptions.propsData.value = value;
+
+      wrapper = mount(
+        Advanced,
+        mountOptions
+      );
+
+      const inputElem = wrapper.find('[data-testid="array-list-box0"]').element as HTMLElement;
+
+      expect(inputElem.textContent).toContain('—');
+    });
+
     describe(`'protect-kernel-defaults'`, () => {
       it(`should show value from machineGlobalConfig`, () => {
         const value = clone(PROV_CLUSTER);
@@ -108,5 +125,152 @@ describe('component: Advanced', () => {
         expect(checkbox.value).toBe('true');
       });
     });
+
+    describe(`'kubelet-arg'`, () => {
+      describe.each([
+        _VIEW,
+        _EDIT
+      ])(`mode: %s`, (mode) => {
+        it(`should show value from machineSelectorConfig only`, () => {
+          const value = clone(PROV_CLUSTER);
+
+          value.spec.rkeConfig.machineSelectorConfig[0].config['kubelet-arg'] = ['config-from-machineSelectorConfig'];
+
+          mountOptions.propsData.mode = mode;
+          mountOptions.propsData.value = value;
+
+          wrapper = mount(
+            Advanced,
+            mountOptions
+          );
+
+          const globalContainer = wrapper.find('[data-testid="global-kubelet-arg"]');
+          const selectorContainer = wrapper.find('[data-testid="selector-kubelet-arg"]');
+
+          const globalInputElem = globalContainer.element as HTMLInputElement;
+          const selectorInputElem = selectorContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+
+          expect(globalInputElem).toBeUndefined();
+          expect(selectorInputElem.value).toContain('config-from-machineSelectorConfig');
+        });
+
+        it(`should show value from machineGlobalConfig only`, () => {
+          const value = clone(PROV_CLUSTER);
+
+          value.spec.rkeConfig.machineGlobalConfig['kubelet-arg'] = ['config-from-machineGlobalConfig'];
+
+          mountOptions.propsData.mode = mode;
+          mountOptions.propsData.value = value;
+
+          wrapper = mount(
+            Advanced,
+            mountOptions
+          );
+
+          const globalContainer = wrapper.find('[data-testid="global-kubelet-arg"]');
+          const selectorContainer = wrapper.find('[data-testid="selector-kubelet-arg"]');
+
+          const selectorInputElem = selectorContainer.element as HTMLInputElement;
+          const globalInputElem = globalContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+
+          expect(selectorInputElem).toBeUndefined();
+          expect(globalInputElem.value).toContain('config-from-machineGlobalConfig');
+        });
+
+        it(`should show value from machineGlobalConfig and machineSelectorConfig`, () => {
+          const value = clone(PROV_CLUSTER);
+
+          value.spec.rkeConfig.machineSelectorConfig[0].config['kubelet-arg'] = ['config-from-machineSelectorConfig'];
+          value.spec.rkeConfig.machineGlobalConfig['kubelet-arg'] = ['config-from-machineGlobalConfig'];
+
+          mountOptions.propsData.mode = mode;
+          mountOptions.propsData.value = value;
+
+          wrapper = mount(
+            Advanced,
+            mountOptions
+          );
+
+          const globalContainer = wrapper.find('[data-testid="global-kubelet-arg"]');
+          const selectorContainer = wrapper.find('[data-testid="selector-kubelet-arg"]');
+
+          const selectorInputElem = selectorContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+          const globalInputElem = globalContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+
+          expect(selectorInputElem.value).toContain('config-from-machineSelectorConfig');
+          expect(globalInputElem.value).toContain('config-from-machineGlobalConfig');
+        });
+      });
+
+      it(`mode: edit, should show empty value'`, () => {
+        const value = clone(PROV_CLUSTER);
+
+        value.spec.rkeConfig.machineSelectorConfig[0].config['kubelet-arg'] = [];
+        value.spec.rkeConfig.machineGlobalConfig['kubelet-arg'] = [];
+
+        mountOptions.propsData.mode = 'view';
+        mountOptions.propsData.value = value;
+
+        wrapper = mount(
+          Advanced,
+          mountOptions
+        );
+
+        const globalContainer = wrapper.find('[data-testid="global-kubelet-arg"]');
+        const selectorContainer = wrapper.find('[data-testid="selector-kubelet-arg"]');
+
+        const selectorInputElem = selectorContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+        const globalInputElem = globalContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+
+        const emptyCharacter = wrapper.find('.info-box').find('.text-muted').element;
+
+        const globalAddButton = globalContainer.find('[data-testid="array-list-button"]').element;
+        const selectorAddButton = selectorContainer.find('[data-testid="array-list-button"]').element;
+
+        const removeButtonConfig = globalContainer.find('[data-testid="remove-item-0"]').element;
+
+        expect(selectorInputElem).toBeUndefined();
+        expect(globalInputElem).toBeUndefined();
+        expect(globalAddButton).toBeUndefined();
+        expect(selectorAddButton).toBeUndefined();
+        expect(emptyCharacter).toBeDefined();
+        expect(removeButtonConfig).toBeFalsy();
+      });
+
+      it(`mode: view, should show empty value'`, () => {
+        const value = clone(PROV_CLUSTER);
+
+        value.spec.rkeConfig.machineSelectorConfig[0].config['kubelet-arg'] = [];
+        value.spec.rkeConfig.machineGlobalConfig['kubelet-arg'] = [];
+
+        mountOptions.propsData.mode = 'edit';
+        mountOptions.propsData.value = value;
+
+        wrapper = mount(
+          Advanced,
+          mountOptions
+        );
+
+        const globalContainer = wrapper.find('[data-testid="global-kubelet-arg"]');
+        const selectorContainer = wrapper.find('[data-testid="selector-kubelet-arg"]');
+
+        const selectorInputElem = selectorContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+        const globalInputElem = globalContainer.find('[data-testid="input-0"]').element as HTMLInputElement;
+
+        const emptyCharacter = wrapper.find('.info-box').find('.text-muted').element;
+
+        const globalAddButton = globalContainer.find('[data-testid="array-list-button"]').element;
+        const selectorAddButton = selectorContainer.find('[data-testid="array-list-button"]').element;
+
+        const removeButtonConfig = globalContainer.find('[data-testid="remove-item-0"]').element;
+
+        expect(selectorInputElem).toBeUndefined();
+        expect(globalInputElem).toBeUndefined();
+        expect(globalAddButton).toBeDefined();
+        expect(selectorAddButton).toBeDefined();
+        expect(emptyCharacter).toBeUndefined();
+        expect(removeButtonConfig).toBeFalsy();
+      });
+    });
   });
 });

package/edit/provisioning.cattle.io.cluster/__tests__/Basics.test.ts

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import Basics from '@shell/edit/provisioning.cattle.io.cluster/tabs/Basics';
+import Basics from '@shell/edit/provisioning.cattle.io.cluster/tabs/Basics.vue';
 import Checkbox from '@components/Form/Checkbox/Checkbox.vue';
 
 const defaultStubs = {

package/edit/provisioning.cattle.io.cluster/__tests__/CustomCommand.test.ts

@@ -1,6 +1,5 @@
 import { mount } from '@vue/test-utils';
 import CustomCommand from '@shell/edit/provisioning.cattle.io.cluster/CustomCommand.vue';
-import { cleanHtmlDirective } from '@shell/plugins/clean-html-directive';
 jest.mock('@shell/utils/clipboard', () => {
   return { copyTextToClipboard: jest.fn(() => Promise.resolve({})) };
 });
@@ -39,8 +38,6 @@ describe('component: CustomCommand', () => {
       taints:          [],
       worker:          true,
     }),
-
-    directives: { cleanHtmlDirective }
   });
 
   it('should return linux commands with the right flags based on cluster information', () => {

package/edit/provisioning.cattle.io.cluster/__tests__/DirectoryConfig.test.ts

@@ -0,0 +1,228 @@
+/* eslint-disable jest/no-hooks */
+import { mount, Wrapper } from '@vue/test-utils';
+import DirectoryConfig from '@shell/edit/provisioning.cattle.io.cluster/tabs/DirectoryConfig.vue';
+import { _EDIT, _CREATE } from '@shell/config/query-params';
+import { clone } from '@shell/utils/object';
+
+describe('component: DirectoryConfig', () => {
+  let wrapper: Wrapper<InstanceType<typeof DirectoryConfig>>;
+
+  const mountOptions = {
+    propsData: {
+      value: {
+        systemAgent:  '',
+        provisioning: '',
+        k8sDistro:    '',
+      },
+      mode: _CREATE,
+    },
+    mocks: {
+      $store: {
+        getters: {
+          'i18n/t':      jest.fn(),
+          'i18n/exists': jest.fn(),
+        }
+      },
+    }
+  };
+
+  it('should render the component with its default configuration (create scenario)', () => {
+    wrapper = mount(
+      DirectoryConfig,
+      mountOptions
+    );
+
+    const title = wrapper.find('h3');
+    const checkbox = wrapper.find('[data-testid="rke2-directory-config-individual-config-checkbox"]');
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    expect(title.exists()).toBe(true);
+    expect(checkbox.exists()).toBe(true);
+    // for the default config, checkbox should be checked
+    expect(wrapper.vm.isSettingCommonConfig).toBe(true);
+    expect(commonInput.exists()).toBe(true);
+
+    // since we have all of the vars empty, then the individual inputs should not be there
+    expect(systemAgentInput.exists()).toBe(false);
+    expect(provisioningInput.exists()).toBe(false);
+    expect(k8sDistroInput.exists()).toBe(false);
+  });
+
+  it('updating common config path should set the correct values on each data dir variable', async() => {
+    wrapper = mount(
+      DirectoryConfig,
+      mountOptions
+    );
+
+    const inputPath = 'some-data-dir';
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+
+    commonInput.setValue(inputPath);
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.vm.value.systemAgent).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.provisioning).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.k8sDistro).toStrictEqual(inputPath);
+  });
+
+  it('updating each individual data dir should set the correct values on each data dir variable', async() => {
+    wrapper = mount(
+      DirectoryConfig,
+      mountOptions
+    );
+
+    const inputPath = 'some-data-dir';
+    const checkbox = wrapper.find('[data-testid="rke2-directory-config-individual-config-checkbox"]');
+
+    await checkbox.find('label').trigger('click');
+    await checkbox.vm.$nextTick();
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.vm.isSettingCommonConfig).toBe(false);
+
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    systemAgentInput.setValue(inputPath);
+    provisioningInput.setValue(inputPath);
+    k8sDistroInput.setValue(inputPath);
+    await wrapper.vm.$nextTick();
+
+    expect(wrapper.vm.value.systemAgent).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.provisioning).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.k8sDistro).toStrictEqual(inputPath);
+  });
+
+  it('checkbox should be checked if all data dir values are the same (with all data dir values filled)', () => {
+    const newMountOptions = clone(mountOptions);
+    const inputPath = 'some-data-dir';
+
+    newMountOptions.propsData.value.systemAgent = inputPath;
+    newMountOptions.propsData.value.provisioning = inputPath;
+    newMountOptions.propsData.value.k8sDistro = inputPath;
+
+    wrapper = mount(
+      DirectoryConfig,
+      newMountOptions
+    );
+
+    const checkbox = wrapper.find('[data-testid="rke2-directory-config-individual-config-checkbox"]');
+
+    expect(checkbox.exists()).toBe(true);
+    expect(wrapper.vm.isSettingCommonConfig).toBe(true);
+
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    expect(commonInput.exists()).toBe(true);
+    expect(systemAgentInput.exists()).toBe(false);
+    expect(provisioningInput.exists()).toBe(false);
+    expect(k8sDistroInput.exists()).toBe(false);
+
+    expect(wrapper.vm.value.systemAgent).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.provisioning).toStrictEqual(inputPath);
+    expect(wrapper.vm.value.k8sDistro).toStrictEqual(inputPath);
+  });
+
+  it('checkbox should NOT be checked if some data dir values are the different (with all data dir values filled)', () => {
+    const newMountOptions = clone(mountOptions);
+    const inputPath1 = 'some-data-dir1';
+    const inputPath2 = 'some-data-dir2';
+    const inputPath3 = 'some-data-dir3';
+
+    newMountOptions.propsData.value.systemAgent = inputPath1;
+    newMountOptions.propsData.value.provisioning = inputPath2;
+    newMountOptions.propsData.value.k8sDistro = inputPath3;
+
+    wrapper = mount(
+      DirectoryConfig,
+      newMountOptions
+    );
+
+    expect(wrapper.vm.isSettingCommonConfig).toBe(false);
+
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    expect(commonInput.exists()).toBe(false);
+    expect(systemAgentInput.exists()).toBe(true);
+    expect(provisioningInput.exists()).toBe(true);
+    expect(k8sDistroInput.exists()).toBe(true);
+
+    expect(wrapper.vm.value.systemAgent).toStrictEqual(inputPath1);
+    expect(wrapper.vm.value.provisioning).toStrictEqual(inputPath2);
+    expect(wrapper.vm.value.k8sDistro).toStrictEqual(inputPath3);
+  });
+
+  it('on a mode different than _CREATE all visible inputs should be disabled (with common config)', () => {
+    const newMountOptions = clone(mountOptions);
+    const inputPath = 'some-data-dir';
+
+    newMountOptions.propsData.value.systemAgent = inputPath;
+    newMountOptions.propsData.value.provisioning = inputPath;
+    newMountOptions.propsData.value.k8sDistro = inputPath;
+    newMountOptions.propsData.mode = _EDIT;
+
+    wrapper = mount(
+      DirectoryConfig,
+      newMountOptions
+    );
+
+    const checkbox = wrapper.find('[data-testid="rke2-directory-config-individual-config-checkbox"]');
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    expect(checkbox.exists()).toBe(true);
+    expect(commonInput.exists()).toBe(true);
+    expect(systemAgentInput.exists()).toBe(false);
+    expect(provisioningInput.exists()).toBe(false);
+    expect(k8sDistroInput.exists()).toBe(false);
+
+    expect(checkbox.find('label').classes('disabled')).toBe(true);
+    expect(commonInput.attributes('disabled')).toBe('disabled');
+  });
+
+  it('on a mode different than _CREATE all visible inputs should be disabled (with different values)', () => {
+    const newMountOptions = clone(mountOptions);
+    const inputPath1 = 'some-data-dir1';
+    const inputPath2 = 'some-data-dir2';
+    const inputPath3 = 'some-data-dir3';
+
+    newMountOptions.propsData.value.systemAgent = inputPath1;
+    newMountOptions.propsData.value.provisioning = inputPath2;
+    newMountOptions.propsData.value.k8sDistro = inputPath3;
+    newMountOptions.propsData.mode = _EDIT;
+
+    wrapper = mount(
+      DirectoryConfig,
+      newMountOptions
+    );
+
+    const checkbox = wrapper.find('[data-testid="rke2-directory-config-individual-config-checkbox"]');
+    const commonInput = wrapper.find('[data-testid="rke2-directory-config-common-data-dir"]');
+    const systemAgentInput = wrapper.find('[data-testid="rke2-directory-config-systemAgent-data-dir"]');
+    const provisioningInput = wrapper.find('[data-testid="rke2-directory-config-provisioning-data-dir"]');
+    const k8sDistroInput = wrapper.find('[data-testid="rke2-directory-config-k8sDistro-data-dir"]');
+
+    expect(checkbox.exists()).toBe(true);
+    expect(commonInput.exists()).toBe(false);
+    expect(systemAgentInput.exists()).toBe(true);
+    expect(provisioningInput.exists()).toBe(true);
+    expect(k8sDistroInput.exists()).toBe(true);
+
+    expect(checkbox.find('label').classes('disabled')).toBe(true);
+    expect(systemAgentInput.attributes('disabled')).toBe('disabled');
+    expect(provisioningInput.attributes('disabled')).toBe('disabled');
+    expect(k8sDistroInput.attributes('disabled')).toBe('disabled');
+  });
+});

package/edit/provisioning.cattle.io.cluster/__tests__/rke2.test.ts

@@ -1,4 +1,6 @@
 import { mount, shallowMount } from '@vue/test-utils';
+import { SECRET } from '@shell/config/types';
+import { _CREATE } from '@shell/config/query-params';
 import rke2 from '@shell/edit/provisioning.cattle.io.cluster/rke2.vue';
 
 /**
@@ -76,12 +78,13 @@ const defaultComputed = {
 };
 
 const defaultGetters = {
-  currentStore:                     () => 'current_store',
-  'management/schemaFor':           jest.fn(),
-  'current_store/all':              jest.fn(),
-  'i18n/t':                         jest.fn(),
-  'i18n/withFallback':              jest.fn(),
-  'plugins/cloudProviderForDriver': jest.fn()
+  currentStore:                      () => 'current_store',
+  'management/schemaFor':            jest.fn(),
+  'current_store/all':               jest.fn(),
+  'i18n/t':                          jest.fn(),
+  'i18n/withFallback':               jest.fn(),
+  'plugins/cloudProviderForDriver':  jest.fn(),
+  'customization/getPreviewCluster': jest.fn(),
 };
 
 const defaultMocks = {
@@ -115,7 +118,7 @@ describe('component: rke2', () => {
     const k8s = 'v1.25.0+rke2r1';
     const wrapper = mount(rke2, {
       propsData: {
-        mode:  'create',
+        mode:  _CREATE,
         value: {
           spec: {
             ...defaultSpec,
@@ -130,7 +133,7 @@ describe('component: rke2', () => {
       computed: defaultComputed,
       mocks:    {
         ...defaultMocks,
-        $store: { getters: defaultGetters },
+        $store: { dispatch: () => jest.fn(), getters: defaultGetters },
       },
       stubs: defaultStubs
     });
@@ -142,7 +145,7 @@ describe('component: rke2', () => {
     const k8s = 'v1.25.0+k3s1';
     const wrapper = mount(rke2, {
       propsData: {
-        mode:  'create',
+        mode:  _CREATE,
         value: {
           spec: {
             ...defaultSpec,
@@ -156,7 +159,7 @@ describe('component: rke2', () => {
       computed: defaultComputed,
       mocks:    {
         ...defaultMocks,
-        $store: { getters: defaultGetters },
+        $store: { dispatch: () => jest.fn(), getters: defaultGetters },
       },
       stubs: defaultStubs
     });
@@ -168,7 +171,7 @@ describe('component: rke2', () => {
     const k8s = 'v1.25.0+k3s1';
     const wrapper = mount(rke2, {
       propsData: {
-        mode:  'create',
+        mode:  _CREATE,
         value: {
           spec: {
             ...defaultSpec,
@@ -182,7 +185,7 @@ describe('component: rke2', () => {
       computed: defaultComputed,
       mocks:    {
         ...defaultMocks,
-        $store: { getters: defaultGetters },
+        $store: { dispatch: () => jest.fn(), getters: defaultGetters },
       },
       stubs: defaultStubs
     });
@@ -192,6 +195,61 @@ describe('component: rke2', () => {
     wrapper.vm.machinePools.forEach((p: any) => expect(p.drainBeforeDelete).toBe(true));
   });
 
+  it('should set distro root directory from k8sDistro on a Harvester cluster creation on save override (_doSaveOverride)', async() => {
+    const k8s = 'v1.25.0+k3s1';
+
+    const HARVESTER = 'harvester';
+    const HARVESTER_CLOUD_PROVIDER = 'harvester-cloud-provider';
+
+    const newSpec = Object.assign({}, defaultSpec);
+
+    newSpec.rkeConfig.dataDirectories = { k8sDistro: 'my-k8s-distro-path' };
+
+    const wrapper = mount(rke2, {
+      propsData: {
+        mode:  _CREATE,
+        value: {
+          spec: {
+            ...newSpec,
+            kubernetesVersion: k8s
+          },
+          metadata:    { name: 'cluster-name' },
+          agentConfig: { 'cloud-provider-name': HARVESTER }
+        },
+        provider: 'custom'
+      },
+      data: () => ({
+        credentialId: 'I am authenticated',
+        credential:   { decodedData: { clusterId: 'some-cluster-id' } },
+        machinePools: [],
+      }),
+      computed: defaultComputed,
+      mocks:    {
+        ...defaultMocks,
+        $store: {
+          // mock secret creation on "createKubeconfigSecret"
+          dispatch: (action: any, opts: any) => {
+            if (action === 'management/create' && opts.type === SECRET) {
+              return { save: () => jest.fn };
+            } else {
+              return jest.fn();
+            }
+          },
+          getters: defaultGetters
+        },
+      },
+      stubs: defaultStubs
+    });
+
+    // we need to mock the "save" method from the create-edit-view-mixin
+    // otherwise we get console errors
+    jest.spyOn(wrapper.vm, 'save').mockImplementation();
+
+    await wrapper.vm._doSaveOverride(jest.fn());
+
+    expect(wrapper.vm.chartValues[HARVESTER_CLOUD_PROVIDER].cloudConfigPath).toStrictEqual('my-k8s-distro-path/etc/config-files/cloud-provider-config');
+  });
+
   // TODO: Complete test after implementing fetch https://github.com/rancher/dashboard/issues/9322
   // eslint-disable-next-line jest/no-disabled-tests
   describe.skip('should initialize agent configuration values', () => {

package/edit/provisioning.cattle.io.cluster/__tests__/utils/cluster.ts

@@ -60,6 +60,11 @@ export const PROV_CLUSTER = {
         configs: {},
         mirrors: {}
       },
+      dataDirectories: {
+        systemAgent:  '',
+        provisioning: '',
+        k8sDistro:    '',
+      }
     },
     defaultPodSecurityAdmissionConfigurationTemplateName: '',
   },

package/edit/provisioning.cattle.io.cluster/import.vue

@@ -143,9 +143,9 @@ export default {
       @close="hideHarvesterNotice"
     >
       {{ t('cluster.harvester.importNotice') }}
-      <nuxt-link :to="harvesterLocation">
+      <router-link :to="harvesterLocation">
         {{ t('product.harvesterManager') }}
-      </nuxt-link>
+      </router-link>
     </Banner>
 
     <NameNsDescription