Ocelot-Social/webapp/components/ContentMenu/ContentMenu.spec.js

import { config, mount, createLocalVue } from '@vue/test-utils'
import Vuex from 'vuex'
import VTooltip from 'v-tooltip'
import Styleguide from '@human-connection/styleguide'
import ContentMenu from './ContentMenu.vue'

const localVue = createLocalVue()

localVue.use(Styleguide)
localVue.use(VTooltip)
localVue.use(Vuex)

config.stubs['router-link'] = '<span><slot /></span>'

let getters, mutations, mocks, menuToggle

describe('ContentMenu.vue', () => {
  beforeEach(() => {
    mocks = {
      $t: jest.fn(str => str),
      $i18n: {
        locale: () => 'en',
      },
      $router: {
        resolve: jest.fn(obj => {
          obj.href = '/post/edit/d23a4265-f5f7-4e17-9f86-85f714b4b9f8'
          return obj
        }),
        push: jest.fn(),
      },
    }
  })

  describe('mount', () => {
    mutations = {}
    getters = {
      'auth/isModerator': () => false,
      'auth/isAdmin': () => false,
    }

    const openContentMenu = (values = {}) => {
      const store = new Vuex.Store({ mutations, getters })
      const wrapper = mount(ContentMenu, {
        propsData: {
          ...values,
        },
        mocks,
        store,
        localVue,
      })
      menuToggle = wrapper.find('.content-menu-trigger')
      menuToggle.trigger('click')
      return wrapper
    }

    describe('contribution', () => {
      it('owner can edit and delete contribution', () => {
        const wrapper = openContentMenu({
          isOwner: true,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(0).text()).toBe('post.menu.edit')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/post/edit/d23a4265-f5f7-4e17-9f86-85f714b4b9f8')
        expect(items.at(1).text()).toBe('post.menu.delete')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/post-menu-delete')
        // Missing test of callback openModal
        /*
	    items.at(1).trigger('click')
	    expect(wrapper.emitted('openModal')).toHaveBeenCalledWith('delete')
	    */
      })

      it('admin can pin unpinned post', () => {
        getters['auth/isAdmin'] = () => true
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            pinnedBy: null,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items.at(0).text()).toBe('post.menu.pin')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/post-menu-pin')
        // Missing test of callbacl
      })

      it('admin can unpin pinned post', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            pinnedBy: 'someone',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items.at(0).text()).toBe('post.menu.unpin')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/post-menu-unpin')
        // Missing test of callbacks
      })
    })

    describe('comment', () => {
      it('owner can edit and delete comment', () => {
        const wrapper = openContentMenu({
          isOwner: true,
          resourceType: 'comment',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(2)
        expect(items.at(0).text()).toBe('comment.menu.edit')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/comment-menu-edit')
        expect(items.at(1).text()).toBe('comment.menu.delete')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/comment-menu-delete')
        // Missing test of callbacks
      })
    })

    describe('report', () => {
      it('anyone who is not owner can report post', () => {
        getters['auth/isAdmin'] = () => false
        getters['auth/isModerator'] = () => false
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(1)
        expect(items.at(0).text()).toBe('report.contribution.title')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/report-contribution-title')
      })

      it('anyone who is not owner can report comment', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'comment',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(1)
        expect(items.at(0).text()).toBe('report.comment.title')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/report-comment-title')
      })

      it('other users can be reported', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(0).text()).toBe('report.user.title')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/report-user-title')
      })

      it('other organizations can be reported', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'organization',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(1)
        expect(items.at(0).text()).toBe('report.organization.title')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/report-organization-title')
      })
    })

    describe('moderator', () => {
      it('moderator can disable posts', () => {
        getters['auth/isAdmin'] = () => false
        getters['auth/isModerator'] = () => true
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: false,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('disable.contribution.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/disable-contribution-title')
      })

      it('moderator can disable comments', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'comment',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: false,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('disable.comment.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/disable-comment-title')
      })

      it('moderator can disable users', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: false,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(3)
        expect(items.at(1).text()).toBe('disable.user.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/disable-user-title')
      })

      it('moderator can disable organizations', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'organization',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: false,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('disable.organization.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/disable-organization-title')
      })

      it('moderator can release posts', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'contribution',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: true,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('release.contribution.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/release-contribution-title')
      })

      it('moderator can release comments', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'comment',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: true,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('release.comment.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/release-comment-title')
      })

      it('moderator can release users', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: true,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        expect(items).toHaveLength(3)
        expect(items.at(1).text()).toBe('release.user.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/release-user-title')
      })

      it('moderator can release organizations', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'organization',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            disabled: true,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('release.organization.title')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/release-organization-title')
      })
    })

    describe('user', () => {
      it('user can access settings', () => {
        getters['auth/isAdmin'] = () => false
        getters['auth/isModerator'] = () => false
        const wrapper = openContentMenu({
          isOwner: true,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(1)
        expect(items.at(0).text()).toBe('settings.name')
        expect(
          items
            .at(0)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/settings')
      })
      it('user can block other users', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            isBlocked: false,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('settings.blocked-users.block')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/settings-blocked-users-block')
      })
      it('user can unblock blocked users', () => {
        const wrapper = openContentMenu({
          isOwner: false,
          resourceType: 'user',
          resource: {
            id: 'd23a4265-f5f7-4e17-9f86-85f714b4b9f8',
            isBlocked: true,
          },
        })
        let items = wrapper.findAll('.ds-menu-item')
        // for (var i = 0; i < items.length; i++) { console.log(items.at(i).html()) }
        expect(items).toHaveLength(2)
        expect(items.at(1).text()).toBe('settings.blocked-users.unblock')
        expect(
          items
            .at(1)
            .find('span.ds-menu-item-link')
            .attributes('to'),
        ).toBe('/settings-blocked-users-unblock')
      })
    })
  })
})