Add unit tests, adjust snapshots

packages/web-app-files/tests/unit/components/SideBar/Details/SpaceDetails.spec.js

@@ -0,0 +1,102 @@
+import { createLocalVue, shallowMount } from '@vue/test-utils'
+import Vuex from 'vuex'
+import SpaceDetails from '../../../../../src/components/SideBar/Details/SpaceDetails.vue'
+import stubs from '../../../../../../../tests/unit/stubs'
+import GetTextPlugin from 'vue-gettext'
+import AsyncComputed from 'vue-async-computed'
+import VueCompositionAPI from '@vue/composition-api/dist/vue-composition-api'
+
+const localVue = createLocalVue()
+localVue.use(Vuex)
+localVue.use(AsyncComputed)
+localVue.use(VueCompositionAPI)
+localVue.use(GetTextPlugin, {
+  translations: 'does-not-matter.json',
+  silent: true
+})
+const OcTooltip = jest.fn()
+
+const spaceMock = {
+  type: 'space',
+  name: ' space',
+  id: '1',
+  mdate: 'Wed, 21 Oct 2015 07:28:00 GMT',
+  spaceQuota: {
+    used: 100,
+    total: 1000
+  }
+}
+
+const formDateFromJSDate = jest.fn().mockImplementation(() => 'ABSOLUTE_TIME')
+const formDateFromHTTP = jest.fn().mockImplementation(() => 'ABSOLUTE_TIME')
+const refreshShareDetailsTree = jest.fn()
+beforeEach(() => {
+  formDateFromJSDate.mockClear()
+  formDateFromHTTP.mockClear()
+  refreshShareDetailsTree.mockReset()
+})
+
+describe('Details SideBar Panel', () => {
+  it('displayes the details side panel', () => {
+    const wrapper = createWrapper(spaceMock)
+    expect(wrapper).toMatchSnapshot()
+  })
+})
+
+function createWrapper(spaceResource) {
+  const component = {
+    ...SpaceDetails,
+    setup: () => ({
+      spaceImage: '',
+      owners: [],
+      loadImageTask: {
+        isRunning: false,
+        perform: jest.fn()
+      },
+      loadOwnersTask: {
+        isRunning: false,
+        perform: jest.fn()
+      }
+    })
+  }
+  return shallowMount(component, {
+    store: new Vuex.Store({
+      getters: {
+        user: function () {
+          return { id: 'marie' }
+        }
+      },
+      modules: {
+        Files: {
+          namespaced: true,
+          state: {
+            sharesTree: {}
+          },
+          getters: {
+            highlightedFile: function () {
+              return spaceResource
+            }
+          }
+        }
+      }
+    }),
+    localVue,
+    stubs: stubs,
+    directives: {
+      OcTooltip
+    },
+    mixins: [
+      {
+        methods: {
+          formDateFromJSDate,
+          formDateFromHTTP
+        }
+      }
+    ],
+    provide: {
+      displayedItem: {
+        value: spaceResource
+      }
+    }
+  })
+}

packages/web-app-files/tests/unit/components/SideBar/Details/__snapshots__/SpaceDetails.spec.js.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Details SideBar Panel displayes the details side panel 1`] = `
+<div id="oc-space-details-sidebar">
+  <div class="oc-space-details-sidebar-image oc-text-center">
+    <oc-icon-stub name="layout-grid" size="xxlarge" class="space-default-image oc-px-m oc-py-m"></oc-icon-stub>
+  </div>
+  <!---->
+  <div>
+    <table aria-label="Overview of the information about the selected space" class="details-table">
+      <tr>
+        <th scope="col" class="oc-pr-s">Last activity</th>
+        <td>Invalid DateTime</td>
+      </tr>
+      <!---->
+      <tr>
+        <th scope="col" class="oc-pr-s">Manager</th>
+        <td><span></span></td>
+      </tr>
+      <tr>
+        <th scope="col" class="oc-pr-s">Quota</th>
+        <td>
+          <p class="oc-mb-s oc-mt-rm">10.00 % full (100 B of 1 kB used)</p>
+          <oc-progress-stub value="10" max="100" size="small" variation="primary"></oc-progress-stub>
+        </td>
+      </tr>
+    </table>
+  </div>
+</div>
+`;

packages/web-app-files/tests/unit/components/SideBar/SpaceInfo.spec.js

@@ -0,0 +1,106 @@
+import { shallowMount, createLocalVue } from '@vue/test-utils'
+import Vuex from 'vuex'
+import GetTextPlugin from 'vue-gettext'
+import AsyncComputed from 'vue-async-computed'
+
+import stubs from '@/tests/unit/stubs'
+
+import SpaceInfo from '@files/src/components/SideBar/SpaceInfo.vue'
+
+const spaceMock = {
+  type: 'space',
+  name: ' space',
+  id: '1',
+  mdate: 'Wed, 21 Oct 2015 07:28:00 GMT',
+  spaceQuota: {
+    used: 100
+  }
+}
+
+const localVue = createLocalVue()
+localVue.use(Vuex)
+localVue.use(AsyncComputed)
+localVue.use(GetTextPlugin, {
+  translations: 'does-not-matter.json',
+  silent: true
+})
+
+const selectors = {
+  name: '[data-testid="space-info-name"]',
+  subtitle: '[data-testid="space-info-subtitle"]'
+}
+
+const formDateFromRFC = jest.fn()
+const formRelativeDateFromRFC = jest.fn()
+const resetDateMocks = () => {
+  formDateFromRFC.mockReset()
+  formRelativeDateFromRFC.mockReset()
+  formDateFromRFC.mockImplementation(() => 'ABSOLUTE_TIME')
+  formRelativeDateFromRFC.mockImplementation(() => 'RELATIVE_TIME')
+}
+
+describe('SpaceInfo', () => {
+  it('shows space info', () => {
+    resetDateMocks()
+
+    const wrapper = createWrapper(spaceMock)
+    expect(wrapper.find(selectors.name).exists()).toBeTruthy()
+    expect(wrapper.find(selectors.subtitle).exists()).toBeTruthy()
+    expect(wrapper).toMatchSnapshot()
+  })
+})
+
+function createWrapper(spaceResource) {
+  return shallowMount(SpaceInfo, {
+    store: new Vuex.Store({
+      getters: {
+        user: function () {
+          return { id: 'marie' }
+        },
+        capabilities: jest.fn(() => ({}))
+      },
+      modules: {
+        Files: {
+          namespaced: true,
+          getters: {
+            highlightedFile: function () {
+              return spaceResource
+            }
+          }
+        }
+      }
+    }),
+    localVue,
+    stubs: {
+      ...stubs,
+      'oc-resource-icon': true,
+      'oc-resource-name': true
+    },
+    directives: {
+      OcTooltip: null
+    },
+    mixins: [
+      {
+        methods: {
+          formDateFromRFC,
+          formRelativeDateFromRFC
+        }
+      }
+    ],
+    mocks: {
+      $router: {
+        currentRoute: {
+          name: 'some-route',
+          query: { page: 1 }
+        },
+        resolve: (r) => ({ href: r.name })
+      },
+      publicPage: () => false
+    },
+    provide: {
+      displayedItem: {
+        value: spaceResource
+      }
+    }
+  })
+}

packages/web-app-files/tests/unit/components/SideBar/__snapshots__/SpaceInfo.spec.js.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SpaceInfo shows space info 1`] = `
+<div class="space_info">
+  <div class="space_info__body oc-text-overflow oc-flex oc-flex-middle">
+    <div class="oc-mr-s">
+      <oc-icon-stub name="layout-grid" size="large" class="oc-display-block"></oc-icon-stub>
+    </div>
+    <div>
+      <h3 data-testid="space-info-name"> space</h3> <span data-testid="space-info-subtitle"></span>
+    </div>
+  </div>
+</div>
+`;

packages/web-app-files/tests/unit/mixins/spaces/delete.spec.js

@@ -50,14 +50,40 @@ describe('delete', () => {
     })
   }
 
+  describe('isEnabled property', () => {
+    it('should be false when not resource given', () => {
+      const wrapper = getWrapper()
+      expect(wrapper.vm.$_delete_items[0].isEnabled({ resources: [] })).toBe(false)
+    })
+    it('should be false when the space is not disabled', () => {
+      const wrapper = getWrapper()
+      expect(
+        wrapper.vm.$_delete_items[0].isEnabled({ resources: [{ id: 1, disabled: false }] })
+      ).toBe(false)
+    })
+    it('should be true when the space is disabled', () => {
+      const wrapper = getWrapper()
+      expect(
+        wrapper.vm.$_delete_items[0].isEnabled({ resources: [{ id: 1, disabled: true }] })
+      ).toBe(true)
+    })
+  })
+
   describe('method "$_delete_trigger"', () => {
     it('should trigger the delete modal window', async () => {
       const wrapper = getWrapper()
       const spyCreateModalStub = jest.spyOn(wrapper.vm, 'createModal')
-      await wrapper.vm.$_delete_trigger({ spaces: [{ id: 1 }] })
+      await wrapper.vm.$_delete_trigger({ resources: [{ id: 1 }] })
 
       expect(spyCreateModalStub).toHaveBeenCalledTimes(1)
     })
+    it('should not trigger the delete modal window without any resource', async () => {
+      const wrapper = getWrapper()
+      const spyCreateModalStub = jest.spyOn(wrapper.vm, 'createModal')
+      await wrapper.vm.$_delete_trigger({ resources: [] })
+
+      expect(spyCreateModalStub).toHaveBeenCalledTimes(0)
+    })
   })
 
   describe('method "$_delete_deleteSpace"', () => {