@rancher/shell 0.5.3 → 1.2.0

package/components/formatter/FleetClusterSummaryGraph.vue

@@ -1,27 +0,0 @@
-<script>
-import FleetSummaryGraph from '@shell/components/formatter/FleetSummaryGraph';
-
-export default {
-  name:       'FleetClusterSummaryGraph',
-  components: { FleetSummaryGraph },
-
-  props: {
-    row: {
-      type:     Object,
-      required: true
-    },
-
-    clusterLabel: {
-      type:     String,
-      required: true
-    }
-  },
-};
-</script>
-
-<template>
-  <FleetSummaryGraph
-    :row="row"
-    :clusterLabel="clusterLabel"
-  />
-</template>

package/components/formatter/__tests__/Checked.test.ts

@@ -1,19 +0,0 @@
-import { mount } from '@vue/test-utils';
-import Checked from '@shell/components/formatter/Checked.vue';
-
-describe('component: Checked', () => {
-  it.each([true, 'true'])('should display a checkmark when the value is true or "true"', (value: any) => {
-    const wrapper = mount(Checked, { propsData: { value } });
-    const checkmark = wrapper.find('.icon-checkmark');
-
-    expect(checkmark.exists()).toBe(true);
-  });
-
-  it.each([false, '', 'abc'])('should not display a checkmark when the value is anything other than true or "true"', (value: any) => {
-    const wrapper = mount(Checked, { propsData: { value } });
-
-    const checkmark = wrapper.find('.icon-checkmark');
-
-    expect(checkmark.exists()).toBe(false);
-  });
-});

package/components/formatter/__tests__/WorkloadDetailEndpoints.test.ts

@@ -1,81 +0,0 @@
-import { mount } from '@vue/test-utils';
-import WorkloadDetailEndpoints from '@shell/components/formatter/WorkloadDetailEndpoints.vue';
-import Tag from '@shell/components/Tag';
-
-describe('component: WorkloadDetailEndpoints', () => {
-  const withIngressAndHostname = [{
-    addresses: [
-      '172.18.0.3'
-    ],
-    port:        80,
-    protocol:    'HTTP',
-    serviceName: 'kube-public:tetris',
-    ingressName: 'kube-public:tetris',
-    hostname:    'tetris.kube-public.172.18.0.3.sslip.io',
-    path:        '/',
-    allNodes:    false,
-  }];
-
-  const withoutIngress = [
-    {
-      addresses: [
-        '172.18.0.3'
-      ],
-      port:        80,
-      protocol:    'TCP',
-      serviceName: 'kube-system:traefik',
-      allNodes:    false
-    },
-    {
-      addresses: [
-        '172.18.0.3'
-      ],
-      port:        443,
-      protocol:    'TCP',
-      serviceName: 'kube-system:traefik',
-      allNodes:    false
-    }
-  ];
-
-  const withoutAddresses = [
-    {
-      port:        443,
-      protocol:    'TCP',
-      serviceName: 'kube-system:traefik',
-      allNodes:    false
-    }
-  ];
-
-  const basicNodesOutput = [
-    { externalIp: 'some-external-ip' }
-  ];
-
-  it.each([
-    [withIngressAndHostname, [], ['http://tetris.kube-public.172.18.0.3.sslip.io/']],
-    [withoutIngress, [], ['http://172.18.0.3:80', 'https://172.18.0.3:443']],
-    [withoutAddresses, basicNodesOutput, ['https://some-external-ip:443']],
-  ])('should display a link given the appropriate conditions', (value:any[], nodesOutput:any[], expectationArr:any[]) => {
-    const wrapper = mount(WorkloadDetailEndpoints, {
-      propsData: { value: JSON.stringify(value) },
-      mocks:     { $store: { getters: { 'cluster/all': () => nodesOutput } } }
-    });
-
-    wrapper.vm.parsed.forEach((endpoint:{[key: string]: string}, i:number) => {
-      expect(endpoint.link).toBe(expectationArr[i]);
-    });
-  });
-
-  it.each([
-    [withoutAddresses, [], ['[some-translation]:443']],
-  ])('should render a Tag component with the appropriate content', (value:any[], nodesOutput:any[], expectationArr:any[]) => {
-    const wrapper = mount(WorkloadDetailEndpoints, {
-      propsData: { value: JSON.stringify(value) },
-      mocks:     { $store: { getters: { 'cluster/all': () => nodesOutput, 'i18n/t': () => 'some-translation' } } }
-    });
-
-    wrapper.vm.parsed.forEach((endpoint:{[key: string]: string}, i:number) => {
-      expect(endpoint.display).toBe(expectationArr[i]);
-      expect(wrapper.findComponent(Tag).exists()).toBe(true);
-    });
-  });
-});

package/components/nav/WindowManager/__tests__/ContainerLogs.test.ts

@@ -1,186 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import ContainerLogs from '@shell/components/nav/WindowManager/ContainerLogs.vue';
-import { base64Encode } from '@shell/utils/crypto';
-import { Buffer } from 'buffer';
-import { addEventListener } from '@shell/utils/socket';
-
-jest.mock('@shell/utils/socket');
-
-const getDefaultOptions = () => {
-  return {
-    propsData: {
-      tab:    {},
-      active: true,
-      height: 100,
-      pod:    {
-        spec:  { nodeName: 'nodeId' },
-        links: { view: 'url' },
-        os:    'linux'
-      },
-    },
-    data() {
-      return { range: '30 minute' };
-    },
-    mocks: {
-      $store: {
-        getters: {
-          'prefs/get':    jest.fn(),
-          'i18n/t':       jest.fn(),
-          currentProduct: { inStore: 'cluster' }
-        }
-      }
-    }
-  };
-};
-
-describe('component: ContainerLogs', () => {
-  it('should receive messages correctly', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-
-    const data1 = 'container logs test1\n';
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: base64Encode(data1) } });
-
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    expect(wrapper.vm.backlog[0].rawMsg).toBe(data1.trimEnd());
-    const data2 = 'container logs test2 中文日志内容测试\n';
-
-    messageCallback({ detail: { data: base64Encode(data2) } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(2);
-    expect(wrapper.vm.backlog[1].rawMsg).toBe(data2.trimEnd());
-  });
-
-  it('should not fail for an empty message/string', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-
-    const data1 = '';
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: base64Encode(data1) } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(0);
-    expect(wrapper.vm.filtered).toHaveLength(0);
-  });
-
-  it('should merge the message which be truncated line', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-    const part1 = 'container logs part1';
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: base64Encode(part1) } });
-    await wrapper.vm.$nextTick();
-
-    expect(wrapper.vm.backlog).toHaveLength(0);
-    const part2 = 'container logs part2\n';
-
-    messageCallback({ detail: { data: base64Encode(part2) } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    expect(wrapper.vm.backlog[0].rawMsg).toBe(`${ part1 }${ part2 }`.trimEnd());
-  });
-
-  it('should merge truncated 2-byte utf-8 character messages', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-    // Contains 2-byte utf-8 character message with one character truncation
-    const message = '¡¢£¤¥\n';
-    const arr = Buffer.from(message);
-
-    const part1 = arr.slice(0, 3).toString('base64');
-    const part2 = arr.slice(3).toString('base64');
-
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: part1 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(0);
-    messageCallback({ detail: { data: part2 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    expect(wrapper.vm.backlog[0].rawMsg).toBe(message.trimEnd());
-  });
-  it('should merge truncated 3-byte utf-8 character messages', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-    // Contains 3-byte utf-8 character message with one character truncation
-    const message = 'ࠀࠁࠂࠃ\n';
-    const arr = Buffer.from(message);
-    // Truncate at the fourth byte
-    const part1 = arr.slice(0, 4).toString('base64');
-    const part2 = arr.slice(4).toString('base64');
-
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: part1 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(0);
-    messageCallback({ detail: { data: part2 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    expect(wrapper.vm.backlog[0].rawMsg).toBe(message.trimEnd());
-
-    // Truncate at the fifth byte
-    const part3 = arr.slice(0, 5).toString('base64');
-    const part4 = arr.slice(5).toString('base64');
-
-    messageCallback({ detail: { data: part3 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    messageCallback({ detail: { data: part4 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(2);
-    expect(wrapper.vm.backlog[1].rawMsg).toBe(message.trimEnd());
-  });
-
-  it('should merge truncated 4-byte utf-8 character messages', async() => {
-    jest.clearAllMocks();
-    const wrapper = await shallowMount(ContainerLogs, getDefaultOptions());
-    // Contains 4-byte utf-8 character message with one character truncation
-    const message = '𐀀𐀁𐀂𐀃\n';
-    const arr = Buffer.from(message);
-
-    // Truncate at the fifth byte
-    const part1 = arr.slice(0, 5).toString('base64');
-    const part2 = arr.slice(5).toString('base64');
-
-    const messageCallback = addEventListener.mock.calls.find(([e]) => e === 'message')[1];
-
-    messageCallback({ detail: { data: part1 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(0);
-    messageCallback({ detail: { data: part2 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    expect(wrapper.vm.backlog[0].rawMsg).toBe(message.trimEnd());
-
-    // Truncate at the sixth byte
-    const part3 = arr.slice(0, 6).toString('base64');
-    const part4 = arr.slice(6).toString('base64');
-
-    messageCallback({ detail: { data: part3 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(1);
-    messageCallback({ detail: { data: part4 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(2);
-    expect(wrapper.vm.backlog[1].rawMsg).toBe(message.trimEnd());
-
-    // Truncate at the seventh byte
-    const part5 = arr.slice(0, 7).toString('base64');
-    const part6 = arr.slice(7).toString('base64');
-
-    messageCallback({ detail: { data: part5 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(2);
-    messageCallback({ detail: { data: part6 } });
-    await wrapper.vm.$nextTick();
-    expect(wrapper.vm.backlog).toHaveLength(3);
-    expect(wrapper.vm.backlog[2].rawMsg).toBe(message.trimEnd());
-  });
-});

package/composables/useCompactInput.ts

@@ -1,20 +0,0 @@
-import { computed, ComputedRef } from 'vue';
-
-interface CompactInputProps {
-  compact?: boolean;
-  label?: string;
-  labelKey?: string;
-}
-
-interface UseCompactInput {
-  isCompact: ComputedRef<boolean>;
-}
-
-export const useCompactInput = (props: CompactInputProps): UseCompactInput => {
-  const isCompact = computed(() => {
-    // Compact if explicitly set - otherwise compact if there is no label
-    return props.compact !== null ? !!props.compact : !(props.label || props.labelKey);
-  });
-
-  return { isCompact };
-};

package/composables/useLabeledFormElement.ts

@@ -1,138 +0,0 @@
-import { ref, computed, ComputedRef, Ref } from 'vue';
-import { _VIEW, _EDIT } from '@shell/config/query-params';
-
-interface LabeledFormElementProps {
-  mode: string;
-  value: string | number | Record<string, any>
-  required: boolean;
-  disabled: boolean;
-  rules: Array<any>;
-}
-
-interface UseLabeledFormElement {
-  raised: Ref<boolean>;
-  focused: Ref<boolean>;
-  blurred: Ref<number | null>;
-  requiredField: ComputedRef<any>;
-  isDisabled: ComputedRef<any>;
-  validationMessage: ComputedRef<any>;
-  onFocusLabeled: () => void;
-  onBlurLabeled: () => void;
-}
-
-export const labeledFormElementProps = {
-  tooltipKey: {
-    type:    String,
-    default: null
-  },
-  placeholder: {
-    type:    [String, Number],
-    default: ''
-  },
-  placeholderKey: {
-    type:    String,
-    default: null
-  },
-  label: {
-    type:    String,
-    default: null
-  },
-  labelKey: {
-    type:    String,
-    default: null
-  },
-  value: {
-    type:    [String, Number, Object],
-    default: ''
-  },
-  mode: {
-    type:    String,
-    default: _EDIT,
-  },
-  rules: {
-    default:   (): Array<unknown> => [],
-    type:      Array,
-    // we only want functions in the rules array
-    validator: (rules: Array<unknown>): boolean => rules.every((rule: unknown) => ['function'].includes(typeof rule))
-  },
-  required: {
-    type:    Boolean,
-    default: false,
-  },
-  disabled: {
-    type:    Boolean,
-    default: false,
-  },
-};
-
-export const useLabeledFormElement = (props: LabeledFormElementProps, emit: (event: string, ...args: any[]) => void): UseLabeledFormElement => {
-  const raised = ref(props.mode === _VIEW || !!`${ props.value }`);
-  const focused = ref(false);
-  const blurred = ref<number | null>(null);
-
-  const requiredField = computed(() => {
-    return props.required || props.rules?.some((rule: any) => rule?.name === 'required');
-  });
-
-  const isView = computed(() => {
-    return props.mode === _VIEW;
-  });
-
-  const isDisabled = computed(() => {
-    return props.disabled || isView.value;
-  });
-
-  const validationMessage = computed(() => {
-    const requiredRule = props.rules.find((rule: any) => rule?.name === 'required') as Function;
-    const ruleMessages = [];
-    const value = props.value;
-
-    if (requiredRule && blurred.value && !focused.value) {
-      const message = requiredRule(value);
-
-      if (!!message) {
-        return message;
-      }
-    }
-
-    for (const rule of props.rules) {
-      const message = rule(value);
-
-      if (!!message && rule.name !== 'required') {
-        ruleMessages.push(message);
-      }
-    }
-
-    if (ruleMessages.length > 0 && (blurred.value || focused.value)) {
-      return ruleMessages.join(', ');
-    } else {
-      return undefined;
-    }
-  });
-
-  const onFocusLabeled = () => {
-    raised.value = true;
-    focused.value = true;
-  };
-
-  const onBlurLabeled = () => {
-    focused.value = false;
-
-    if (!props.value) {
-      raised.value = false;
-    }
-
-    blurred.value = Date.now();
-  };
-
-  return {
-    raised,
-    focused,
-    blurred,
-    onFocusLabeled,
-    onBlurLabeled,
-    isDisabled,
-    validationMessage,
-    requiredField
-  };
-};

package/creators/app/files/.gitlab-ci.yml

@@ -1,14 +0,0 @@
-image: registry.suse.com/bci/bci-base:latest
-
-stages:
-  - check_version
-  - build_catalog
-
-variables:
-  REGISTRY: $CI_REGISTRY
-  REGISTRY_USER: $CI_REGISTRY_USER
-  REGISTRY_PASSWORD: $CI_REGISTRY_PASSWORD
-  IMAGE_NAMESPACE: $CI_PROJECT_NAMESPACE/$CI_PROJECT_NAME
-
-include:
-  - remote: 'https://raw.githubusercontent.com/rancher/dashboard/master/shell/scripts/.gitlab/workflows/build-extension-catalog.gitlab-ci.yml'

package/detail/__tests__/provisioning.cattle.io.cluster.test.ts

@@ -1,77 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import ProvisioningCattleIoCluster from '@shell/detail/provisioning.cattle.io.cluster.vue';
-
-jest.mock('@shell/utils/clipboard', () => {
-  return { copyTextToClipboard: jest.fn(() => Promise.resolve({})) };
-});
-
-describe('view: provisioning.cattle.io.cluster', () => {
-  const mockStore = {
-    getters: {
-      'management/canList':      () => true,
-      'management/schemaFor':    jest.fn(),
-      'i18n/t':                  (text: string) => text,
-      t:                         (text: string) => text,
-      currentStore:              () => 'current_store',
-      'current_store/schemaFor': jest.fn(),
-      'current_store/all':       jest.fn(),
-      workspace:                 jest.fn(),
-    },
-  };
-
-  const mocks = {
-    $store:      mockStore,
-    $fetchState: { pending: false },
-    $route:      {
-      query: { AS: '' },
-      name:  {
-        endsWith: () => {
-          return false;
-        },
-      },
-    },
-  };
-
-  describe('registration tab visibility', () => {
-    it('a hosted Kubernetes Provider with a private endpoint (network config) and cluster not ready should SHOW the registration tab', async() => {
-      const value = {
-        isHostedKubernetesProvider: true,
-        isPrivateHostedProvider:    true,
-        mgmt:                       {
-          hasLink: () => jest.fn(),
-          linkFor: () => '',
-          isReady: false
-        }
-      };
-
-      const wrapper = shallowMount(ProvisioningCattleIoCluster, {
-        mocks,
-        propsData: { value },
-      });
-
-      await wrapper.setData({ clusterToken: {} });
-
-      expect(wrapper.vm.showRegistration).toStrictEqual(true);
-    });
-
-    it('a hosted Kubernetes Provider WITHOUT a private endpoint (network config) and cluster not ready should NOT SHOW the registration tab', async() => {
-      const value = {
-        isHostedKubernetesProvider: true,
-        mgmt:                       {
-          hasLink: () => jest.fn(),
-          linkFor: () => '',
-          isReady: false
-        }
-      };
-
-      const wrapper = shallowMount(ProvisioningCattleIoCluster, {
-        mocks,
-        propsData: { value },
-      });
-
-      await wrapper.setData({ clusterToken: {} });
-
-      expect(wrapper.vm.showRegistration).toStrictEqual(false);
-    });
-  });
-});

package/edit/__tests__/service.test.ts

@@ -1,89 +0,0 @@
-import { shallowMount, Wrapper } from '@vue/test-utils';
-
-import { _CLONE } from '@shell/config/query-params';
-import { cleanHtmlDirective } from '@shell/plugins/clean-html-directive';
-
-import ServicePage from '@shell/edit/service.vue';
-
-const createEditViewMock = {
-  data() {
-    return { errors: [] };
-  },
-  computed: {
-    isCreate:     () => false,
-    isEdit:       () => true,
-    isView:       () => false,
-    schema:       () => ({}),
-    isNamespaced: () => false,
-    labels:       {
-      get: jest.fn(() => ({})),
-      set: jest.fn(),
-    },
-    annotations: {
-      get: jest.fn(() => ({})),
-      set: jest.fn(),
-    },
-    doneRoute:  () => 'mockedRoute',
-    doneParams: () => ({}),
-  },
-  methods: {
-    done:         jest.fn(),
-    conflict:     jest.fn(() => Promise.resolve([])),
-    save:         jest.fn(() => Promise.resolve()),
-    actuallySave: jest.fn(() => Promise.resolve()),
-    setErrors:    jest.fn()
-  }
-};
-
-const formValidationMock = {};
-
-describe('service edit', () => {
-  let wrapper: Wrapper<InstanceType<typeof ServicePage>>;
-
-  const createComponent = (propsData: any) => {
-    wrapper = shallowMount(ServicePage,
-      {
-        propsData,
-        mixins: [createEditViewMock, formValidationMock],
-        mocks:  {
-          $store: {
-            getters: {
-              'management/all': jest.fn(),
-              'i18n/t':         jest.fn()
-            }
-          }
-        },
-        computed:   { provisioningCluster: jest.fn() },
-        directives: { cleanHtmlDirective },
-      }
-    );
-  };
-
-  it('sets clusterIP to an empty string and deletes clusterIPs when in clone mode', () => {
-    const value = {
-      spec: {
-        clusterIP:  '10.43.1.1',
-        clusterIPs: ['10.43.1.1', '10.43.1.2'],
-      }
-    };
-
-    createComponent({ realMode: _CLONE, value });
-
-    expect(wrapper.vm.value.spec.clusterIP).toBe('');
-    expect(wrapper.vm.value.spec.clusterIPs).toBeUndefined();
-  });
-
-  it('does not change clusterIP and clusterIPs when not in clone mode', () => {
-    const value = {
-      spec: {
-        clusterIP:  '10.43.1.1',
-        clusterIPs: ['10.43.1.1', '10.43.1.2'],
-      }
-    };
-
-    createComponent({ realMode: 'someOtherMode', value });
-
-    expect(wrapper.vm.value.spec.clusterIP).toBe('10.43.1.1');
-    expect(wrapper.vm.value.spec.clusterIPs).toStrictEqual(['10.43.1.1', '10.43.1.2']);
-  });
-});