@rancher/shell 0.5.3 → 1.2.0

package/chart/monitoring/steps/uninstall-v1.vue

@@ -1,135 +0,0 @@
-
-<script>
-import { haveV1Monitoring, haveV1MonitoringWorkloads } from '@shell/utils/monitoring';
-import AsyncButton from '@shell/components/AsyncButton';
-import IconMessage from '@shell/components/IconMessage';
-
-function delay(t, v) {
-  return new Promise((resolve) => {
-    setTimeout(resolve.bind(null, v), t);
-  });
-}
-
-export default {
-
-  label:   'monitoring.installSteps.uninstallV1.stepTitle',
-  subtext: 'monitoring.installSteps.uninstallV1.stepSubtext',
-  weight:  100,
-
-  components: {
-    AsyncButton,
-    IconMessage
-  },
-
-  data() {
-    return {
-      haveV1Monitoring: false,
-      error:            null,
-    };
-  },
-
-  mounted() {
-    this.haveV1Monitoring = haveV1Monitoring(this.$store.getters);
-    this.$emit('update', {
-      loading: false,
-      ready:   false,
-      hidden:  !this.haveV1Monitoring,
-    });
-  },
-
-  methods: {
-    uninstall(buttonCb) {
-      this.$store.dispatch('cluster/promptModal', {
-        component:      'GenericPrompt',
-        componentProps: {
-          applyMode:   'uninstall',
-          applyAction: async(buttonDone) => {
-            await this.$store.getters['currentCluster'].doAction('disableMonitoring');
-
-            for (let index = 0; index < 30; index++) {
-            // Wait 30 seconds for the containers to go
-              const hasV1Monitoring = haveV1Monitoring(this.$store.getters);
-              const hasV1MonitoringWorkloads = await haveV1MonitoringWorkloads(this.$store);
-
-              if ((!hasV1Monitoring && !hasV1MonitoringWorkloads)) {
-                this.$emit('update', { ready: true, hidden: true });
-                this.haveV1Monitoring = false;
-
-                buttonDone(true);
-
-                return;
-              }
-              await delay(1000);
-            }
-
-            throw new Error(`Failed to uninstall: timed out`);
-          },
-          title: this.t('promptRemove.title', {}, true),
-          body:  this.t('monitoring.installSteps.uninstallV1.promptDescription', {}, true),
-        },
-      });
-      buttonCb(true);
-    },
-  }
-};
-
-</script>
-<template>
-  <div class="v1-monitoring">
-    <template v-if="haveV1Monitoring">
-      <IconMessage
-        class="mt-40 mb-20"
-        icon="icon-warning"
-        :vertical="true"
-        icon-state="warning"
-      >
-        <template #message>
-          <p>
-            {{ t('monitoring.installSteps.uninstallV1.warning1') }}
-          </p>
-          <p
-            v-clean-html="t('monitoring.installSteps.uninstallV1.warning2', {}, true)"
-            class="mt-10"
-          />
-        </template>
-      </IconMessage>
-      <AsyncButton
-        mode="uninstall"
-        :delay="0"
-        @click="uninstall"
-      />
-    </template>
-    <IconMessage
-      v-else
-      class="mt-40"
-      icon="icon-checkmark"
-      :vertical="true"
-      icon-state="success"
-    >
-      <template #message>
-        <p class="">
-          {{ t('monitoring.installSteps.uninstallV1.success1') }}
-        </p>
-        <p
-          v-clean-html="t('monitoring.installSteps.uninstallV1.success2')"
-          class="mt-10"
-        />
-      </template>
-    </IconMessage>
-  </div>
-</template>
-
-<style lang='scss' scoped>
-.v1-monitoring {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  p {
-    max-width: 900px;
-  }
-  .btn {
-    min-width: 200px;
-  }
-}
-</style>

package/components/Certificates.vue

@@ -1,164 +0,0 @@
-<script lang="ts">
-import Vue from 'vue';
-import { mapGetters } from 'vuex';
-import ResourceTable from '@shell/components/ResourceTable';
-import { SECRET } from '@shell/config/types';
-import { NAME as NAME_COL, NAMESPACE as NAMESPACE_COL, AGE, STATE } from '@shell/config/table-headers';
-import Secret, { TYPES } from '@shell/models/secret';
-import { Banner } from '@components/Banner';
-import { STATES_ENUM } from '@shell/plugins/dashboard-store/resource-class';
-import { BadgeState } from '@components/BadgeState';
-
-interface Data {
-  schema: Object,
-  headers: Object[],
-  certs: Secret[],
-  pagingParams: {
-    pluralLabel: string,
-    singularLabel: string
-  }
-}
-
-export default Vue.extend<Data, any, any, any>({
-  components: {
-    ResourceTable, Banner, BadgeState
-  },
-
-  async fetch() {
-    // We're fetching secrets with a filter, this will clash with secrets in other contexts
-    this.$store.dispatch('cluster/forgetType', SECRET);
-
-    this.certs = await this.$store.dispatch('cluster/findAll', {
-      type: SECRET,
-      opt:  {
-        watch:  false,
-        // Note - urlOptions handles filter in a weird way
-        filter: { 'metadata.fields.1': TYPES.TLS }
-      }
-    });
-  },
-
-  data(): Data {
-    return {
-      schema:  this.$store.getters['cluster/schemaFor'](SECRET),
-      headers: [
-        {
-          ...STATE,
-          formatter: null,
-          name:      'certState',
-          sort:      ['certState', 'nameSort'],
-          value:     'certState',
-        },
-        NAME_COL,
-        NAMESPACE_COL,
-        {
-          name:     'cn',
-          labelKey: 'secret.certificate.cn',
-          value:    (row: Secret) => {
-            if (!row.cn) {
-              return;
-            }
-
-            return row.cn + (row.unrepeatedSans.length ? ` ${ this.t('secret.certificate.plusMore', { n: row.unrepeatedSans.length }) }` : '');
-          },
-          sort:   ['cn'],
-          search: ['cn'],
-        }, {
-          name:        'cert-expires2',
-          labelKey:    'secret.certificate.expiresDuration',
-          value:       (row: Secret) => row.timeTilExpirationDate,
-          formatter:   'LiveDate',
-          sort:        ['timeTilExpiration'],
-          search:      ['timeTilExpiration'],
-          defaultSort: true,
-          width:       100
-        }, {
-          name:      'cert-expires',
-          labelKey:  'secret.certificate.expiresOn',
-          value:     'cachedCertInfo.notAfter',
-          formatter: 'Date',
-          sort:      ['cachedCertInfo.notAfter'],
-          search:    ['cachedCertInfo.notAfter'],
-        }, {
-          name:     'cert-lifetime',
-          labelKey: 'secret.certificate.lifetime',
-          value:    (row: Secret) => row.certLifetime,
-          sort:     ['certLifetime'],
-          search:   ['certLifetime'],
-        },
-        AGE
-      ],
-      certs:        [],
-      pagingParams: {
-        pluralLabel:   this.t('secret.certificate.certificates'),
-        singularLabel: this.t('secret.certificate.certificate')
-      }
-    };
-  },
-
-  computed: {
-    ...mapGetters(['isAllNamespaces']),
-
-    expiredData() {
-      let expiring = 0;
-      let expired = 0;
-
-      for (let i = 0; i < this.certs.length; i++) {
-        const cert = this.certs[i];
-
-        if (cert.certState === STATES_ENUM.EXPIRING) {
-          expiring++;
-        }
-        if (cert.certState === STATES_ENUM.EXPIRED) {
-          expired++;
-        }
-      }
-
-      const filterWarning = !this.isAllNamespaces ? this.t('secret.certificate.warnings.filtered') : '';
-
-      return {
-        expiring: expiring ? this.t('secret.certificate.warnings.expiring', { count: expiring, filtered: !this.isAllNamespaces }) + filterWarning : '',
-        expired:  expired ? this.t('secret.certificate.warnings.expired', { count: expired, filtered: !this.isAllNamespaces }) + filterWarning : '',
-      };
-    }
-  },
-
-  beforeDestroy() {
-    // We're fetching secrets with a filter, clear it so as to not clash with other contexts
-    this.$store.dispatch('cluster/forgetType', SECRET);
-  },
-
-});
-</script>
-
-<template>
-  <div>
-    <Banner
-      v-if="expiredData.expiring"
-      color="warning"
-      :label="expiredData.expiring"
-    />
-    <Banner
-      v-if="expiredData.expired"
-      color="error"
-      :label="expiredData.expired"
-    />
-    <ResourceTable
-      :loading="$fetchState.pending"
-      :schema="schema"
-      :headers="headers"
-      :rows="certs"
-      :paging-label="'secret.certificate.paging'"
-      :paging-params="pagingParams"
-    >
-      <template #col:certState="{row}">
-        <td>
-          <BadgeState
-            :color="row.certStateBackground"
-            :label="row.certStateDisplay"
-          />
-        </td>
-      </template>
-    </ResourceTable>
-  </div>
-</template>

package/components/__tests__/CodeMirror.spec.ts

@@ -1,99 +0,0 @@
-import { shallowMount, Wrapper } from '@vue/test-utils';
-import CodeMirror from '@shell/components/CodeMirror.vue';
-import { _EDIT, _YAML } from '@shell/config/query-params';
-
-describe('component: CodeMirror.vue', () => {
-  let wrapper: Wrapper<InstanceType<typeof CodeMirror>>;
-
-  const options = {
-    readOnly: false,
-    gutters:  [
-      'CodeMirror-lint-markers',
-      'CodeMirror-foldgutter'
-    ],
-    mode:            'yaml',
-    lint:            true,
-    lineNumbers:     true,
-    styleActiveLine: true,
-    tabSize:         2,
-    indentWithTabs:  false,
-    cursorBlinkRate: 530,
-    extraKeys:       { 'Ctrl-Space': 'autocomplete' }
-  };
-
-  const mountOptions = {
-    propsData: {
-      value:         '',
-      mode:          _EDIT,
-      options,
-      asTextArea:    false,
-      showKeyMapBox: true,
-    },
-    mocks: {
-      $store: {
-        getters: {
-          currentStore:              () => 'current_store',
-          'current_store/schemaFor': jest.fn(),
-          'current_store/all':       jest.fn(),
-          'i18n/t':                  () => 'Vim',
-          'prefs/get':               () => 'Vim',
-          'prefs/theme':             jest.fn(),
-        }
-      },
-      $route:  { query: { AS: _YAML } },
-      $router: { applyQuery: jest.fn() },
-    },
-  };
-
-  describe('keyMap info', () => {
-    (window as any).__codeMirrorLoader = () => new Promise((resolve) => {
-      resolve(true);
-    });
-
-    wrapper = shallowMount(
-      CodeMirror,
-      mountOptions,
-    );
-
-    it(`should show keyMap preference`, async() => {
-      await wrapper.vm.$nextTick();
-
-      const keyMapBox = wrapper.find('[data-testid="code-mirror-keymap"]');
-      const closeIcon = keyMapBox.find('.icon');
-
-      expect(keyMapBox.element.textContent).toContain('Vim');
-      expect(closeIcon.element).toBeUndefined();
-    });
-
-    it(`should show keyMap close icon on mouse over`, async() => {
-      await wrapper.vm.$nextTick();
-
-      const keyMapBox = wrapper.find('[data-testid="code-mirror-keymap"]');
-
-      keyMapBox.trigger('mouseover');
-      await wrapper.vm.$nextTick();
-
-      const closeIcon = keyMapBox.find('.icon');
-
-      expect(closeIcon.element).toBeDefined();
-    });
-
-    it(`should remove keyMap box`, async() => {
-      await wrapper.vm.$nextTick();
-
-      let keyMapBox = wrapper.find('[data-testid="code-mirror-keymap"]');
-
-      keyMapBox.trigger('mouseover');
-      await wrapper.vm.$nextTick();
-
-      const closeIcon = keyMapBox.find('.icon');
-
-      closeIcon.element.click();
-      await wrapper.vm.$nextTick();
-
-      keyMapBox = wrapper.find('[data-testid="code-mirror-keymap"]');
-
-      expect(keyMapBox.element).toBeUndefined();
-    });
-  });
-});

package/components/fleet/__tests__/FleetSummary.test.ts

@@ -1,316 +0,0 @@
-import { mount } from '@vue/test-utils';
-import FleetSummary from '@shell/components/fleet/FleetSummary.vue';
-
-const REPO_NAME = 'testrepo';
-
-const REPO_NAME_VARIANT = 'testrepo-again';
-
-const CLUSTER_NAME = 'testcluster';
-
-const mockedBundlesInRepo = [{
-  id:         `fleet-default/${ REPO_NAME }-${ CLUSTER_NAME }-1234`,
-  type:       'fleet.cattle.io.bundle',
-  apiVersion: 'fleet.cattle.io/v1alpha1',
-  kind:       'Bundle',
-  repoName:   REPO_NAME,
-  metadata:   {
-    labels: {
-      'fleet.cattle.io/commit':    '3640888439d1b7b6a53dbeee291a533eea2632ab',
-      'fleet.cattle.io/repo-name': REPO_NAME
-    },
-
-    name:      `${ REPO_NAME }-${ CLUSTER_NAME }-1234`,
-    namespace: 'fleet-default',
-    state:     {
-      error:         false,
-      message:       'Resource is Ready',
-      name:          'active',
-      transitioning: false
-    },
-  },
-  spec: {
-    correctDrift:        { },
-    forceSyncGeneration: 2,
-    ignore:              { },
-    namespace:           'custom-namespace-name',
-    resources:           [
-      {
-        content: 'apiVersion: v1\nkind: ConfigMap\nmetadata:\n  name: configmap-test\n  annotations:\n    {}\n#    key: string\n  labels:\n    {}\n#    key: string\ndata:\n  key1: val1\n  key2: val2\n  key3: val3',
-        name:    'test-configmap.yaml'
-      }
-    ],
-    targets: [
-      {
-        clusterName: 'nb-cluster0-28',
-        namespace:   'custom-namespace-name'
-      }
-    ]
-  }
-},
-{
-  id:         `fleet-default/${ REPO_NAME }-${ CLUSTER_NAME }-5678`,
-  type:       'fleet.cattle.io.bundle',
-  apiVersion: 'fleet.cattle.io/v1alpha1',
-  kind:       'Bundle',
-  repoName:   REPO_NAME,
-  metadata:   {
-    labels: {
-      'fleet.cattle.io/commit':    '3640888439d1b7b6a53dbeee291a533eea2632ab',
-      'fleet.cattle.io/repo-name': REPO_NAME
-    },
-
-    name:      `${ REPO_NAME }-${ CLUSTER_NAME }-5678`,
-    namespace: 'fleet-default',
-    state:     {
-      error:         false,
-      message:       'Resource is Ready',
-      name:          'active',
-      transitioning: false
-    },
-  },
-  spec: {
-    correctDrift:        { },
-    forceSyncGeneration: 2,
-    ignore:              { },
-    namespace:           'custom-namespace-name',
-    resources:           [
-      {
-        content: 'apiVersion: apps/v1\nkind: Deployment\nmetadata:\n  name: nginx-cluster0\n  labels:\n    app: nginx\nspec:\n  replicas: 1\n  selector:\n    matchLabels:\n      app: nginx\n  template:\n    metadata:\n      labels:\n        app: nginx\n    spec:\n      containers:\n      - name: nginx\n        image: nginx:latest\n        ports:\n        - containerPort: 80',
-        name:    'nginx.yml'
-      },
-    ],
-    targets: [
-      {
-        clusterName: 'nb-cluster0-28',
-        namespace:   'custom-namespace-name'
-      }
-    ]
-  }
-}];
-
-const mockedBundlesOutOfRepo = [{
-  id:         `fleet-default/${ REPO_NAME_VARIANT }-${ CLUSTER_NAME }-1234`,
-  type:       'fleet.cattle.io.bundle',
-  apiVersion: 'fleet.cattle.io/v1alpha1',
-  kind:       'Bundle',
-  repoName:   REPO_NAME_VARIANT,
-  metadata:   {
-    labels: {
-      'fleet.cattle.io/commit':    '3640888439d1b7b6a53dbeee291a533eea2632ab',
-      'fleet.cattle.io/repo-name': REPO_NAME_VARIANT
-    },
-
-    name:      `${ REPO_NAME_VARIANT }-${ CLUSTER_NAME }-1234`,
-    namespace: 'fleet-default',
-    state:     {
-      error:         false,
-      message:       'Resource is Ready',
-      name:          'active',
-      transitioning: false
-    },
-  },
-  spec: {
-    correctDrift:        { },
-    forceSyncGeneration: 2,
-    ignore:              { },
-    namespace:           'custom-namespace-name',
-    resources:           [
-      {
-        content: 'apiVersion: v1\nkind: ConfigMap\nmetadata:\n  name: configmap-test\n  annotations:\n    {}\n#    key: string\n  labels:\n    {}\n#    key: string\ndata:\n  key1: val1\n  key2: val2\n  key3: val3',
-        name:    'test-configmap.yaml'
-      }
-    ],
-    targets: [
-      {
-        clusterName: 'nb-cluster0-28',
-        namespace:   'custom-namespace-name'
-      }
-    ]
-  }
-},
-{
-  id:         `fleet-default/${ REPO_NAME_VARIANT }-${ CLUSTER_NAME }-5678`,
-  type:       'fleet.cattle.io.bundle',
-  apiVersion: 'fleet.cattle.io/v1alpha1',
-  kind:       'Bundle',
-  repoName:   REPO_NAME_VARIANT,
-  metadata:   {
-    labels: {
-      'fleet.cattle.io/commit':    '3640888439d1b7b6a53dbeee291a533eea2632ab',
-      'fleet.cattle.io/repo-name': REPO_NAME_VARIANT
-    },
-
-    name:      `${ REPO_NAME_VARIANT }-${ CLUSTER_NAME }-5678`,
-    namespace: 'fleet-default',
-    state:     {
-      error:         false,
-      message:       'Resource is Ready',
-      name:          'active',
-      transitioning: false
-    },
-  },
-  spec: {
-    correctDrift:        { },
-    forceSyncGeneration: 2,
-    ignore:              { },
-    namespace:           'custom-namespace-name',
-    resources:           [
-      {
-        content: 'apiVersion: apps/v1\nkind: Deployment\nmetadata:\n  name: nginx-cluster0\n  labels:\n    app: nginx\nspec:\n  replicas: 1\n  selector:\n    matchLabels:\n      app: nginx\n  template:\n    metadata:\n      labels:\n        app: nginx\n    spec:\n      containers:\n      - name: nginx\n        image: nginx:latest\n        ports:\n        - containerPort: 80',
-        name:    'nginx.yml'
-      },
-    ],
-    targets: [
-      {
-        clusterName: 'nb-cluster0-28',
-        namespace:   'custom-namespace-name'
-      }
-    ]
-  }
-}];
-
-const mockRepo = {
-  id:         `fleet-default/${ REPO_NAME }`,
-  type:       'fleet.cattle.io.gitrepo',
-  apiVersion: 'fleet.cattle.io/v1alpha1',
-  kind:       'GitRepo',
-  metadata:   {
-
-    name:      `${ REPO_NAME }`,
-    namespace: 'fleet-default',
-    state:     {
-      error:         false,
-      message:       'Resource is Ready',
-      name:          'active',
-      transitioning: false
-    },
-  },
-  spec: {
-    branch:                'main',
-    correctDrift:          { enabled: false },
-    forceSyncGeneration:   2,
-    insecureSkipTLSVerify: false,
-    paths:                 [
-      './cluster0'
-    ],
-    repo:            'https://github.com/testuser/testrepo.git',
-    targetNamespace: 'custom-namespace-name',
-    targets:         [
-      { clusterName: `${ CLUSTER_NAME }` }
-    ]
-  },
-  status: {
-    commit:     '3640888439d1b7b6a53dbeee291a533eea2632ab',
-    conditions: [
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T18:06:27Z',
-        status:         'True',
-        transitioning:  false,
-        type:           'Ready'
-      },
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T20:35:07Z',
-        status:         'True',
-        transitioning:  false,
-        type:           'Accepted'
-      },
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T18:05:09Z',
-        status:         'True',
-        transitioning:  false,
-        type:           'ImageSynced'
-      },
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T18:06:22Z',
-        status:         'False',
-        transitioning:  false,
-        type:           'Reconciling'
-      },
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T18:05:09Z',
-        status:         'False',
-        transitioning:  false,
-        type:           'Stalled'
-      },
-      {
-        error:          false,
-        lastUpdateTime: '2023-10-05T20:35:07Z',
-        status:         'True',
-        transitioning:  false,
-        type:           'Synced'
-      }
-    ],
-    desiredReadyClusters:    1,
-    display:                 { readyBundleDeployments: '2/2' },
-    gitJobStatus:            'Current',
-    lastSyncedImageScanTime: null,
-    observedGeneration:      2,
-    readyClusters:           1,
-    resourceCounts:          {
-      desiredReady: 2,
-      missing:      0,
-      modified:     0,
-      notReady:     0,
-      orphaned:     0,
-      ready:        2,
-      unknown:      0,
-      waitApplied:  0
-    },
-    resources: [
-      {
-        apiVersion: 'apps/v1',
-        id:         'custom-namespace-name/nginx-cluster0',
-        kind:       'Deployment',
-        name:       'nginx-cluster0',
-        namespace:  'custom-namespace-name',
-        state:      'Ready',
-        type:       'apps.deployment'
-      },
-      {
-        apiVersion: 'v1',
-        id:         'custom-namespace-name/configmap-test',
-        kind:       'ConfigMap',
-        name:       'configmap-test',
-        namespace:  'custom-namespace-name',
-        state:      'Ready',
-        type:       'configmap'
-      }
-    ],
-    summary: {
-      desiredReady: 1,
-      ready:        1
-    }
-  }
-};
-
-const mockStore = { getters: { 'i18n/withFallback': (key, opt, fallback) => fallback } };
-
-describe('component: FleetSummary', () => {
-  it.each([
-    [[...mockedBundlesInRepo, ...mockedBundlesOutOfRepo], '2'],
-    [mockedBundlesInRepo, '2'],
-  ])('displays the number of bundles associated with the current gitrepo', (bundles: any[], bundleCount: string) => {
-    const wrapper = mount(FleetSummary, { propsData: { bundles, value: mockRepo }, mocks: { $store: mockStore } });
-
-    const bundleCountEl = wrapper.find('[data-testid="gitrepo-bundle-summary"] .count');
-
-    expect(bundleCountEl.text()).toBe(bundleCount);
-  });
-
-  it.each([
-    [[...mockedBundlesInRepo, ...mockedBundlesOutOfRepo], '2'],
-    [mockedBundlesInRepo, '2'],
-
-  ])('displays the number of deployments associated with the current gitrepo', (bundles: any[], bundleCount: string) => {
-    const wrapper = mount(FleetSummary, { propsData: { bundles, value: mockRepo }, mocks: { $store: mockStore } });
-
-    const bundleCountEl = wrapper.find('[data-testid="gitrepo-deployment-summary"] .count');
-
-    expect(bundleCountEl.text()).toBe(bundleCount);
-  });
-});