add unit tests for federation visualization in admin interface

admin/src/components/Fedaration/FederationVisualizeItem.spec.js

@@ -0,0 +1,136 @@
+import { mount } from '@vue/test-utils'
+import FederationVisualizeItem from './FederationVisualizeItem.vue'
+
+const localVue = global.localVue
+const today = new Date()
+const createdDate = new Date()
+createdDate.setDate(createdDate.getDate() - 3)
+
+let propsData = {
+  item: {
+    id: 7590,
+    foreign: false,
+    publicKey: 'eaf6a426b24fd54f8fbae11c17700fc595080ca25159579c63d38dbc64284ba7',
+    url: 'http://localhost/api/api/2_0',
+    lastAnnouncedAt: createdDate,
+    verifiedAt: today,
+    lastErrorAt: null,
+    createdAt: createdDate,
+    updatedAt: null,
+  },
+}
+
+const mocks = {
+  $i18n: {
+    locale: 'en',
+  },
+}
+
+describe('FederationVisualizeItem', () => {
+  let wrapper
+
+  const Wrapper = () => {
+    return mount(FederationVisualizeItem, { localVue, mocks, propsData })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the component', () => {
+      expect(wrapper.find('div.federation-visualize-item').exists()).toBe(true)
+    })
+
+    describe('rendering item properties', () => {
+      it('has the url', () => {
+        expect(wrapper.find('.row > div:nth-child(2) > div').text()).toBe(
+          'http://localhost/api/api/2_0',
+        )
+      })
+
+      it('has the public key', () => {
+        expect(wrapper.find('.row > div:nth-child(2) > small').text()).toContain(
+          'eaf6a426b24fd54f8fbae11c17700fc595080ca25159579c63d38dbc64284ba7'.substring(0, 26),
+        )
+      })
+
+      describe('verified item', () => {
+        it('has the check icon', () => {
+          expect(wrapper.find('svg.bi-check').exists()).toBe(true)
+        })
+
+        it('has the text variant "success"', () => {
+          expect(wrapper.find('.text-success').exists()).toBe(true)
+        })
+      })
+
+      describe('not verified item', () => {
+        beforeEach(() => {
+          propsData = {
+            item: {
+              id: 7590,
+              foreign: false,
+              publicKey: 'eaf6a426b24fd54f8fbae11c17700fc595080ca25159579c63d38dbc64284ba7',
+              url: 'http://localhost/api/api/2_0',
+              lastAnnouncedAt: createdDate,
+              verifiedAt: null,
+              lastErrorAt: null,
+              createdAt: createdDate,
+              updatedAt: null,
+            },
+          }
+          wrapper = Wrapper()
+        })
+
+        it('has the x-circle icon', () => {
+          expect(wrapper.find('svg.bi-x-circle').exists()).toBe(true)
+        })
+
+        it('has the text variant "danger"', () => {
+          expect(wrapper.find('.text-danger').exists()).toBe(true)
+        })
+      })
+
+      // zwei Varianten: '' bei null und 
+      describe('with different locales (de, en, fr, es, nl)', () => {
+        it('computes the lastAnnouncedAt time', () => {
+          // expect(wrapper.find('.row > div:nth-child(3)').text()).toBe('3 days ago')
+          wrapper.vm.$i18n.locale = 'de'
+          wrapper = Wrapper()
+          expect(wrapper.vm.lastAnnouncedAt).toContain('vor 3 Tagen')
+
+          wrapper.vm.$i18n.locale = 'fr'
+          wrapper = Wrapper()
+          expect(wrapper.vm.lastAnnouncedAt).toContain('il y a 3 jours')
+
+          wrapper.vm.$i18n.locale = 'es'
+          wrapper = Wrapper()
+          expect(wrapper.vm.lastAnnouncedAt).toContain('hace 3 días')
+
+          wrapper.vm.$i18n.locale = 'nl'
+          wrapper = Wrapper()
+          expect(wrapper.vm.lastAnnouncedAt).toContain('3 dagen geleden')
+        })
+
+        it('computes the createdAt time', () => {
+          wrapper.vm.$i18n.locale = 'de'
+          wrapper = Wrapper()
+          expect(wrapper.vm.createdAt).toContain('vor 3 Tagen')
+
+          wrapper.vm.$i18n.locale = 'fr'
+          wrapper = Wrapper()
+          expect(wrapper.vm.createdAt).toContain('il y a 3 jours')
+
+          wrapper.vm.$i18n.locale = 'es'
+          wrapper = Wrapper()
+          expect(wrapper.vm.createdAt).toContain('hace 3 días')
+
+          wrapper.vm.$i18n.locale = 'nl'
+          wrapper = Wrapper()
+          expect(wrapper.vm.createdAt).toContain('3 dagen geleden')
+        })
+      })
+    })
+  })
+})