@rancher/shell 0.5.2 → 1.2.0

package/pages/c/_cluster/uiplugins/__tests__/AddExtensionRepos.test.ts

@@ -0,0 +1,96 @@
+import { mount } from '@vue/test-utils';
+import {
+  UI_PLUGINS_REPO_URL,
+  UI_PLUGINS_PARTNERS_REPO_URL,
+} from '@shell/config/uiplugins';
+import AddExtensionRepos from '@shell/pages/c/_cluster/uiplugins/AddExtensionRepos.vue';
+const mockedStore = () => {
+  return {
+    getters: {
+      'i18n/t':               (text: string) => text,
+      'i18n/exists':          (text: string) => text,
+      t:                      (text: string) => text,
+      'management/schemaFor': () => true,
+      'management/findAll':   () => [
+        { urlDisplay: UI_PLUGINS_REPO_URL },
+        { urlDisplay: UI_PLUGINS_PARTNERS_REPO_URL },
+      ]
+    }
+  };
+};
+
+const requiredSetup = () => {
+  return {
+    mocks: {
+      $store:      mockedStore(),
+      $fetchState: {},
+    }
+  };
+};
+
+describe('component: AddExtensionRepos', () => {
+  it('should NOT SHOW a checkbox to install official Rancher repo if NOT prime', async() => {
+    jest.useFakeTimers();
+
+    const wrapper = mount(AddExtensionRepos, {
+      ...requiredSetup(),
+      // since vue-js-modal uses transitions, we need disable
+      // the default behaviour of transition-stubbing that vue-test-utils has...
+      stubs: { transition: false }
+    });
+
+    wrapper.vm.showDialog();
+
+    // these couple of nextTick + advanceTimersByTime are needed for
+    // the dialog content to be rendered!
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    const rancherCheckbox = wrapper.find('[data-testid="add-extensions-repos-modal-add-official-repo"]');
+    const partnersCheckbox = wrapper.find('[data-testid="add-extensions-repos-modal-add-partners-repo"]');
+
+    expect(rancherCheckbox.exists()).toBe(false);
+    expect(partnersCheckbox.exists()).toBe(true);
+
+    jest.clearAllTimers();
+    wrapper.destroy();
+  });
+
+  it('should SHOW a checkbox to install official Rancher repo if IS prime', async() => {
+    jest.useFakeTimers();
+
+    const wrapper = mount(AddExtensionRepos, {
+      ...requiredSetup(),
+      // since vue-js-modal uses transitions, we need disable
+      // the default behaviour of transition-stubbing that vue-test-utils has...
+      stubs: { transition: false }
+    });
+
+    wrapper.vm.prime = true;
+    wrapper.vm.showDialog();
+
+    // these couple of nextTick + advanceTimersByTime are needed for
+    // the dialog content to be rendered!
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    const rancherCheckbox = wrapper.find('[data-testid="add-extensions-repos-modal-add-official-repo"]');
+    const partnersCheckbox = wrapper.find('[data-testid="add-extensions-repos-modal-add-partners-repo"]');
+
+    expect(rancherCheckbox.exists()).toBe(true);
+    expect(partnersCheckbox.exists()).toBe(true);
+
+    jest.clearAllTimers();
+    wrapper.destroy();
+  });
+});

package/pages/c/_cluster/uiplugins/__tests__/SetupUIPlugins.test.ts

@@ -0,0 +1,128 @@
+import { mount, createLocalVue } from '@vue/test-utils';
+import Vuex from 'vuex';
+import {
+  UI_PLUGINS_REPO_URL,
+  UI_PLUGINS_PARTNERS_REPO_URL,
+} from '@shell/config/uiplugins';
+import SetupUIPlugins from '@shell/pages/c/_cluster/uiplugins/SetupUIPlugins.vue';
+
+describe('component: SetupUIPlugins', () => {
+  const localVue = createLocalVue();
+
+  localVue.use(Vuex);
+
+  it('should NOT SHOW a checkbox to install official Rancher repo if NOT prime', async() => {
+    const store = new Vuex.Store({
+      modules: {
+        catalog: {
+          namespaced: true,
+          getters:    {
+            repos: () => [
+              { urlDisplay: UI_PLUGINS_REPO_URL },
+              { urlDisplay: UI_PLUGINS_PARTNERS_REPO_URL },
+            ],
+            repo:      () => {},
+            rawCharts: () => [],
+          }
+        }
+      },
+      getters: {
+        'i18n/t':               () => jest.fn(),
+        'i18n/exists':          () => jest.fn(),
+        t:                      () => jest.fn(),
+        'management/schemaFor': () => true,
+        'management/findAll':   () => [],
+        'management/find':      () => {}
+      }
+    });
+
+    jest.useFakeTimers();
+
+    const wrapper = mount(SetupUIPlugins, {
+      store,
+      localVue,
+      // since vue-js-modal uses transitions, we need disable
+      // the default behaviour of transition-stubbing that vue-test-utils has...
+      stubs: { transition: false }
+    });
+
+    wrapper.vm.enable();
+
+    // these couple of nextTick + advanceTimersByTime are needed for
+    // the dialog content to be rendered!
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    const rancherCheckbox = wrapper.find('[data-testid="extension-enable-operator-official-repo"]');
+    const partnersCheckbox = wrapper.find('[data-testid="extension-enable-operator-partners-repo"]');
+
+    expect(rancherCheckbox.exists()).toBe(false);
+    expect(partnersCheckbox.exists()).toBe(true);
+
+    jest.clearAllTimers();
+    wrapper.destroy();
+  });
+
+  it('should SHOW a checkbox to install official Rancher repo if IS prime', async() => {
+    const store = new Vuex.Store({
+      modules: {
+        catalog: {
+          namespaced: true,
+          getters:    {
+            repos: () => [
+              { urlDisplay: UI_PLUGINS_REPO_URL },
+              { urlDisplay: UI_PLUGINS_PARTNERS_REPO_URL },
+            ],
+            repo:      () => {},
+            rawCharts: () => [],
+          }
+        }
+      },
+      getters: {
+        'i18n/t':               () => jest.fn(),
+        'i18n/exists':          () => jest.fn(),
+        t:                      () => jest.fn(),
+        'management/schemaFor': () => true,
+        'management/findAll':   () => [],
+        'management/find':      () => {}
+      }
+    });
+
+    jest.useFakeTimers();
+
+    const wrapper = mount(SetupUIPlugins, {
+      store,
+      localVue,
+      // since vue-js-modal uses transitions, we need disable
+      // the default behaviour of transition-stubbing that vue-test-utils has...
+      stubs: { transition: false }
+    });
+
+    wrapper.vm.prime = true;
+    wrapper.vm.enable();
+
+    // these couple of nextTick + advanceTimersByTime are needed for
+    // the dialog content to be rendered!
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    await wrapper.vm.$nextTick();
+
+    jest.advanceTimersByTime(1);
+
+    const rancherCheckbox = wrapper.find('[data-testid="extension-enable-operator-official-repo"]');
+    const partnersCheckbox = wrapper.find('[data-testid="extension-enable-operator-partners-repo"]');
+
+    expect(rancherCheckbox.exists()).toBe(true);
+    expect(partnersCheckbox.exists()).toBe(true);
+
+    jest.clearAllTimers();
+    wrapper.destroy();
+  });
+});

package/pages/c/_cluster/uiplugins/index.vue

@@ -93,6 +93,8 @@ export default {
     };
   },
 
+  layout: 'plain',
+
   async fetch() {
     const hash = {};
 

package/pages/c/index.vue

@@ -0,0 +1,9 @@
+<script>
+export default {};
+</script>
+
+<template>
+  <div>
+    Clusters
+  </div>
+</template>

package/pages/diagnostic.vue

@@ -7,7 +7,8 @@ import { filterOnlyKubernetesClusters, filterHiddenLocalCluster } from '@shell/u
 import { sortBy } from '@shell/utils/sort';
 
 export default {
-  name: 'Diagnostic',
+  name:   'Diagnostic',
+  layout: 'plain',
 
   components: { AsyncButton, PromptModal },
 

package/pages/fail-whale.vue

@@ -4,6 +4,7 @@ import { mapGetters, mapState } from 'vuex';
 import { stringify } from '@shell/utils/error';
 
 export default {
+  layout: 'home',
 
   components: { BrandImage },
 

package/pages/prefs.vue

@@ -18,6 +18,7 @@ import { addObject } from '@shell/utils/array';
 import LocaleSelector from '@shell/components/LocaleSelector';
 
 export default {
+  layout:     'plain',
   components: {
     BackLink, ButtonGroup, LabeledSelect, Checkbox, LandingPagePreference, LocaleSelector
   },