@rancher/shell 3.0.9-rc.5 → 3.0.9

package/edit/monitoring.coreos.com.receiver/types/__tests__/slack.spec.ts

@@ -0,0 +1,92 @@
+
+import { shallowMount } from '@vue/test-utils';
+import Slack from '@shell/edit/monitoring.coreos.com.receiver/types/slack.vue';
+import { LabeledInput } from '@components/Form/LabeledInput';
+import { Checkbox } from '@components/Form/Checkbox';
+import { _CREATE, _EDIT } from '@shell/config/query-params';
+
+describe('component: Slack', () => {
+  const mockStore = {
+    getters: {
+      'i18n/t':      (key: string) => key,
+      'i18n/exists': () => true,
+    },
+  };
+
+  const requiredProps = {
+    mode:  _EDIT,
+    value: {},
+  };
+
+  it('should render all child components', () => {
+    const wrapper = shallowMount(Slack, {
+      props:  requiredProps,
+      global: { mocks: mockStore },
+    });
+
+    const labeledInputs = wrapper.findAllComponents(LabeledInput);
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    expect(labeledInputs).toHaveLength(3);
+    expect(checkbox.exists()).toBe(true);
+  });
+
+  it('should pass down the mode prop to child components', () => {
+    const wrapper = shallowMount(Slack, {
+      props:  requiredProps,
+      global: { mocks: mockStore },
+    });
+
+    const labeledInputs = wrapper.findAllComponents(LabeledInput);
+    const checkbox = wrapper.findComponent(Checkbox);
+
+    labeledInputs.forEach((input) => {
+      expect(input.props().mode).toBe(_EDIT);
+    });
+
+    expect(checkbox.props().mode).toBe(_EDIT);
+  });
+
+  describe('data initialization', () => {
+    it('should initialize http_config and send_resolved', () => {
+      const value = {};
+      const wrapper = shallowMount(Slack, {
+        props: {
+          ...requiredProps,
+          value,
+        },
+        global: { mocks: mockStore },
+      });
+
+      expect(wrapper.props().value.http_config).toBeDefined();
+      expect(wrapper.props().value.send_resolved).toBe(false);
+    });
+
+    it('should set default text when mode is create', () => {
+      const value = {};
+      const wrapper = shallowMount(Slack, {
+        props: {
+          ...requiredProps,
+          value,
+          mode: _CREATE,
+        },
+        global: { mocks: mockStore },
+      });
+
+      expect(wrapper.props().value.text).toBe('{{ template "slack.rancher.text" . }}');
+    });
+
+    it('should not set default text when mode is not create', () => {
+      const value = {};
+      const wrapper = shallowMount(Slack, {
+        props: {
+          ...requiredProps,
+          value,
+        },
+        global: { mocks: mockStore },
+      });
+
+      expect(wrapper.props().value.text).toBeUndefined();
+    });
+  });
+});

package/edit/monitoring.coreos.com.receiver/types/__tests__/webhook.spec.ts

@@ -0,0 +1,131 @@
+
+import { shallowMount } from '@vue/test-utils';
+import Webhook from '@shell/edit/monitoring.coreos.com.receiver/types/webhook.vue';
+import { LabeledInput } from '@components/Form/LabeledInput';
+import { Checkbox } from '@components/Form/Checkbox';
+import TLS from '@shell/edit/monitoring.coreos.com.receiver/tls.vue';
+import Auth from '@shell/edit/monitoring.coreos.com.receiver/auth.vue';
+import { Banner } from '@components/Banner';
+import { _CREATE, _EDIT, _VIEW } from '@shell/config/query-params';
+import { ALIBABA_CLOUD_SMS_URL, MS_TEAMS_URL } from '@shell/edit/monitoring.coreos.com.receiver/types/webhook.add.vue';
+
+describe('component: Webhook', () => {
+  const mockStore = {
+    getters: {
+      'i18n/t':      (key: string) => key,
+      'i18n/exists': () => true,
+    },
+  };
+
+  const requiredProps = {
+    mode:  _EDIT,
+    value: {},
+  };
+
+  it('should render all child components', () => {
+    const wrapper = shallowMount(Webhook, {
+      props:  requiredProps,
+      global: { mocks: mockStore },
+    });
+
+    const labeledInputs = wrapper.findAllComponents(LabeledInput);
+    const checkbox = wrapper.findComponent(Checkbox);
+    const tls = wrapper.findComponent(TLS);
+    const auth = wrapper.findComponent(Auth);
+
+    expect(labeledInputs).toHaveLength(2);
+    expect(checkbox.exists()).toBe(true);
+    expect(tls.exists()).toBe(true);
+    expect(auth.exists()).toBe(true);
+  });
+
+  it('should pass down the mode prop to child components', () => {
+    const wrapper = shallowMount(Webhook, {
+      props:  requiredProps,
+      global: { mocks: mockStore },
+    });
+
+    const labeledInputs = wrapper.findAllComponents(LabeledInput);
+    const checkbox = wrapper.findComponent(Checkbox);
+    const tls = wrapper.findComponent(TLS);
+    const auth = wrapper.findComponent(Auth);
+
+    labeledInputs.forEach((input) => {
+      expect(input.props().mode).toBe(_EDIT);
+    });
+
+    expect(checkbox.props().mode).toBe(_EDIT);
+    expect(tls.props().mode).toBe(_EDIT);
+    expect(auth.props().mode).toBe(_EDIT);
+  });
+
+  describe('data initialization', () => {
+    it('should initialize http_config and send_resolved', () => {
+      const value = {};
+      const wrapper = shallowMount(Webhook, {
+        props: {
+          ...requiredProps,
+          value,
+        },
+        global: { mocks: mockStore },
+      });
+
+      expect(wrapper.props().value.http_config).toBeDefined();
+      expect(wrapper.props().value.send_resolved).toBe(false);
+    });
+
+    it.each([
+      [true, _CREATE, MS_TEAMS_URL],
+      [true, _EDIT, MS_TEAMS_URL],
+      [false, _VIEW, MS_TEAMS_URL],
+      [true, _CREATE, ALIBABA_CLOUD_SMS_URL],
+      [true, _EDIT, ALIBABA_CLOUD_SMS_URL],
+      [false, _VIEW, ALIBABA_CLOUD_SMS_URL],
+      [false, _CREATE, 'https://some.other.url/'],
+    ])('should set showNamespaceBanner to %p when mode is %p and url is %p', (expected, mode, url) => {
+      const value = { url };
+      const wrapper = shallowMount(Webhook, {
+        props: {
+          ...requiredProps,
+          value,
+          mode,
+        },
+        global: { mocks: mockStore },
+      });
+
+      expect(wrapper.vm.showNamespaceBanner).toBe(expected);
+    });
+  });
+
+  describe('banner', () => {
+    it('should show banner when showNamespaceBanner is true', () => {
+      const wrapper = shallowMount(Webhook, {
+        props: {
+          ...requiredProps,
+          value: { url: MS_TEAMS_URL },
+          mode:  _CREATE,
+        },
+        global: { mocks: mockStore },
+      });
+
+      const banner = wrapper.findComponent(Banner);
+
+      expect(banner.exists()).toBe(true);
+    });
+
+    it('should not show banner when showNamespaceBanner is false', () => {
+      const wrapper = shallowMount(Webhook, {
+        props: {
+          ...requiredProps,
+          value: { url: 'https://some.other.url/' },
+          mode:  _CREATE,
+        },
+        global: { mocks: mockStore },
+      });
+
+      const banner = wrapper.findComponent(Banner);
+
+      expect(banner.exists()).toBe(false);
+    });
+  });
+});

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

@@ -2,17 +2,20 @@ import { nextTick } from 'vue';
 import { mount } from '@vue/test-utils';
 import Basics from '@shell/edit/provisioning.cattle.io.cluster/tabs/Basics.vue';
 // import Checkbox from '@components/Form/Checkbox/Checkbox.vue';
+import { RKE2_INGRESS_NGINX, RKE2_TRAEFIK } from '@shell/edit/provisioning.cattle.io.cluster/shared';
 
 const defaultStubs = {
-  Banner:        true,
-  LabeledSelect: true,
-  YamlEditor:    true,
-  Checkbox:      true
+  Banner:          true,
+  LabeledSelect:   true,
+  YamlEditor:      true,
+  Checkbox:        true,
+  RichTranslation: true
 };
 
 const defaultCiliumStubs = {
-  LabeledSelect: true,
-  YamlEditor:    true,
+  LabeledSelect:   true,
+  YamlEditor:      true,
+  RichTranslation: true
 };
 
 // const defaultComputed = {
@@ -25,46 +28,65 @@ const defaultCiliumStubs = {
 // };
 
 const mockAgentArgs = { 'cloud-provider-name': { options: [], profile: { options: [{ anything: 'yes' }] } } };
-const mockServerArgs = { disable: {}, cni: { options: [] } };
-
+const mockServerArgs = { disable: { options: [] }, cni: { options: [] } };
+
+jest.mock('@shell/edit/provisioning.cattle.io.cluster/shared', () => ({
+  RETENTION_DEFAULT:         5,
+  RKE2_INGRESS_NGINX:        'rke2-ingress-nginx',
+  RKE2_TRAEFIK:              'rke2-traefik',
+  INGRESS_NGINX:             'ingress-nginx',
+  INGRESS_CONTROLLER:        'ingress-controller',
+  TRAEFIK:                   'traefik',
+  HARVESTER:                 'harvester',
+  INGRESS_DUAL:              'dual',
+  INGRESS_NONE:              'none',
+  INGRESS_OPTIONS:           [],
+  INGRESS_MIGRATION_KB_LINK: 'mock-link'
+}));
+const mockRke2Charts = {
+  [RKE2_INGRESS_NGINX]: {},
+  [RKE2_TRAEFIK]:       {},
+  'rke2-cilium':        {}
+};
+const mockK3sCharts = { 'rke2-cilium': {} };
 const rke2Versions = [
   {
-    id: 'v1.31.0+rke2r1', value: 'v1.31.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.31.0+rke2r1', value: 'v1.31.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   },
   {
-    id: 'v1.30.0+rke2r1', value: 'v1.30.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.30.0+rke2r1', value: 'v1.30.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   },
   {
-    id: 'v1.29.1+rke2r1', value: 'v1.29.1+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.29.1+rke2r1', value: 'v1.29.1+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   },
   {
-    id: 'v1.25.0+rke2r1', value: 'v1.25.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.25.0+rke2r1', value: 'v1.25.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   },
   {
-    id: 'v1.24.0+rke2r1', value: 'v1.24.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.24.0+rke2r1', value: 'v1.24.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   },
   {
-    id: 'v1.23.0+rke2r1', value: 'v1.23.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.23.0+rke2r1', value: 'v1.23.0+rke2r1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockRke2Charts
   }
 ];
 const k3sVersions = [
   {
-    id: 'v1.31.0+k3s1', value: 'v1.31.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.31.0+k3s1', value: 'v1.31.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   },
   {
-    id: 'v1.30.0+k3s1', value: 'v1.30.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.30.0+k3s1', value: 'v1.30.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   },
   {
-    id: 'v1.29.1+k3s1', value: 'v1.29.1+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.29.1+k3s1', value: 'v1.29.1+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   },
   {
-    id: 'v1.25.0+k3s1', value: 'v1.25.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.25.0+k3s1', value: 'v1.25.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   },
   {
-    id: 'v1.24.0+k3s1', value: 'v1.24.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.24.0+k3s1', value: 'v1.24.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   },
   {
-    id: 'v1.23.0+k3s1', value: 'v1.23.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: {}
+    id: 'v1.23.0+k3s1', value: 'v1.23.0+k3s1', serverArgs: mockServerArgs, agentArgs: mockAgentArgs, charts: mockK3sCharts
   }
 ];
 const mockVersionOptions = [...rke2Versions, ...k3sVersions];
@@ -83,7 +105,7 @@ const defaultMocks = {
   $route: {
     name:  'anything',
     query: { AS: 'yaml' },
-  },
+  }
 };
 
 const defaultSpec = {
@@ -103,6 +125,9 @@ const bmOffValue = { bandwidthManager: { enabled: false } };
 function createBasicsTab(version : string, userChartValues: any, options = {}) {
   const k8s = mockVersionOptions.find((v) => v.id === version) || mockVersionOptions[0];
   const label = 'whatever';
+  const providedUserChartValues = userChartValues || {};
+  const providedVersionInfo = k8s.charts || {};
+
   const wrapper = mount(Basics, {
     props: {
       mode:  'create',
@@ -116,7 +141,8 @@ function createBasicsTab(version : string, userChartValues: any, options = {}) {
       },
       addonVersions:               [],
       provider:                    'custom',
-      userChartValues:             userChartValues || {},
+      userChartValues:             providedUserChartValues,
+      versionInfo:                 providedVersionInfo,
       cisOverride:                 false,
       cisPsaChangeBanner:          true,
       allPsas:                     [],
@@ -142,7 +168,6 @@ function createBasicsTab(version : string, userChartValues: any, options = {}) {
         ...defaultMocks,
         $store: { getters: defaultGetters },
       },
-
       stubs: defaultCiliumStubs,
     },
   });
@@ -176,6 +201,8 @@ describe('component: Basics', () => {
         },
         provider:                    'whatever',
         userChartValues:             {},
+        addonVersions:               [],
+        versionInfo:                 {},
         cisOverride:                 false,
         cisPsaChangeBanner:          true,
         allPsas:                     [],
@@ -228,6 +255,8 @@ describe('component: Basics', () => {
         },
         provider:                    'whatever',
         userChartValues:             {},
+        addonVersions:               [],
+        versionInfo:                 {},
         cisOverride:                 false,
         cisPsaChangeBanner:          true,
         allPsas:                     [],
@@ -277,6 +306,8 @@ describe('component: Basics', () => {
         },
         provider:           'custom',
         userChartValues:    {},
+        addonVersions:      [],
+        versionInfo:        {},
         cisPsaChangeBanner: true,
         allPsas:            [],
         cisOverride:        override,
@@ -284,7 +315,7 @@ describe('component: Basics', () => {
         versionOptions:     [{
           value:     k8s,
           agentArgs: { profile: { options: [cis] } },
-          charts:    {},
+          charts:    mockRke2Charts,
           profile:   { options: [cis] }
         }],
         isHarvesterDriver:           false,

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

@@ -1,4 +1,4 @@
-import { mount, shallowMount } from '@vue/test-utils';
+import { shallowMount } from '@vue/test-utils';
 import Networking from '@shell/edit/provisioning.cattle.io.cluster/tabs/networking/index.vue';
 
 const mockServerArgs = { disable: {}, cni: { options: [] } };
@@ -47,34 +47,6 @@ describe('component: RKE2Networking', () => {
     expect(dropdown.props('options')).toHaveLength(3);
   });
 
-  it('should show an error when an ipv6 pool is present and the user selects the ipv4-only stack preference when creating a new cluster', async() => {
-    const spec = { ...defaultSpec, rkeConfig: { ...defaultSpec.rkeConfig, networking: { stackPreference: 'ipv4' } } };
-    const wrapper = mount(Networking, {
-      propsData: {
-        mode:             'create',
-        value:            { spec },
-        selectedVersion:  { serverArgs: mockServerArgs },
-        hasSomeIpv6Pools: true,
-      },
-      global: {
-        mocks: {
-          ...defaultMocks,
-          $store: { getters: defaultGetters },
-        },
-      },
-    });
-
-    expect(wrapper.emitted('validationChanged')?.[0]?.[0]).toBe(false);
-    expect(wrapper.emitted('validationChanged')).toHaveLength(1);
-
-    spec.rkeConfig.networking.stackPreference = 'ipv6';
-    wrapper.setProps({ value: { spec } });
-    await wrapper.vm.$nextTick();
-
-    expect(wrapper.emitted('validationChanged')?.[1]?.[0]).toBe(true);
-    expect(wrapper.emitted('validationChanged')).toHaveLength(2);
-  });
-
   it('should show a flannel masq input when provisioning k3s and flannel is enabled', () => {
     const spec = { ...defaultSpec } as any;
 
@@ -119,78 +91,4 @@ describe('component: RKE2Networking', () => {
     expect(wrapper.vm.showFlannelMasq).toBe(false);
     expect(input.exists()).toBe(false);
   });
-
-  it('should automatically check the flannel masq input when stack preference is changed from ipv4 to ipv6 or dual', async() => {
-    const spec = { ...defaultSpec } as any;
-
-    spec.rkeConfig.networking.stackPreference = 'ipv4';
-
-    const wrapper = shallowMount(Networking, {
-      propsData: {
-        mode:            'create',
-        value:           { spec },
-        selectedVersion: { serverArgs: mockServerArgs, label: 'k3s' },
-      },
-      global: { mocks: {} }
-    });
-
-    const newSpec = { ...spec };
-
-    newSpec.rkeConfig.networking.stackPreference = 'dual';
-
-    await wrapper.setProps({ value: { spec: newSpec } });
-
-    expect(wrapper.emitted('enable-flannel-masq-changed')?.[0]?.[0]).toBe(true);
-  });
-
-  it('should automatically un-check the flannel masq input when stack preference is changed from ipv6 or dual to ipv4', async() => {
-    const spec = { ...defaultSpec } as any;
-
-    spec.rkeConfig.networking.stackPreference = 'ipv6';
-
-    const wrapper = shallowMount(Networking, {
-      propsData: {
-        mode:            'create',
-        value:           { spec },
-        selectedVersion: { serverArgs: mockServerArgs, label: 'k3s' },
-      },
-      global: {
-        mocks: {
-          ...defaultMocks,
-          $store: { getters: defaultGetters },
-        },
-      },
-    });
-
-    const newSpec = { ...spec };
-
-    newSpec.rkeConfig.networking.stackPreference = 'ipv4';
-
-    await wrapper.setProps({ value: { spec: newSpec } });
-
-    expect(wrapper.emitted('enable-flannel-masq-changed')?.[0]?.[0]).toBe(false);
-  });
-
-  it('should not automatically update stack preference or validate it when editing an existing cluster even if its set to ipv4 and the user appears to have ipv6 pools', async() => {
-    const spec = { ...defaultSpec, rkeConfig: { ...defaultSpec.rkeConfig, networking: { stackPreference: 'ipv4' } } };
-    const wrapper = mount(Networking, {
-      propsData: {
-        mode:             'edit',
-        value:            { spec },
-        selectedVersion:  { serverArgs: mockServerArgs },
-        hasSomeIpv6Pools: true,
-      },
-      global: {
-        mocks: {
-          ...defaultMocks,
-          $store: { getters: defaultGetters },
-        },
-      },
-    });
-
-    await wrapper.vm.$nextTick();
-
-    expect(wrapper.emitted('validationChanged')?.[0]?.[0]).toBe(true);
-    expect(wrapper.emitted('stack-preference-changed')).toBeUndefined();
-  });
 });

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

@@ -1,7 +1,19 @@
 import { shallowMount } from '@vue/test-utils';
 import { createStore } from 'vuex';
 import ClusterCreate from '@shell/edit/provisioning.cattle.io.cluster/index.vue';
-
+jest.mock('@shell/edit/provisioning.cattle.io.cluster/shared', () => ({
+  RETENTION_DEFAULT:         5,
+  RKE2_INGRESS_NGINX:        'rke2-ingress-nginx',
+  RKE2_TRAEFIK:              'rke2-traefik',
+  INGRESS_NGINX:             'ingress-nginx',
+  INGRESS_CONTROLLER:        'ingress-controller',
+  TRAEFIK:                   'traefik',
+  HARVESTER:                 'harvester',
+  INGRESS_DUAL:              'dual',
+  INGRESS_NONE:              'none',
+  INGRESS_OPTIONS:           [],
+  INGRESS_MIGRATION_KB_LINK: 'mock-link'
+}));
 describe('component: Cluster: Create', () => {
   it('should hide RKE1 and RKE2 toggle button if RKE1 ui feature flag is NOT set', () => {
     const store = createStore({