blessing-skin-server/resources/assets/tests/views/admin/Plugins.test.ts

import Vue from 'vue'
import { mount } from '@vue/test-utils'
import Plugins from '@/views/admin/Plugins.vue'
import { flushPromises } from '../../utils'

jest.mock('@/scripts/notify')

test('render dependencies', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    { name: 'a', dependencies: { all: {}, unsatisfied: {} } },
    {
      name: 'b',
      dependencies: {
        all: { a: '^1.0.0', c: '^2.0.0' }, unsatisfied: { c: '' },
      },
    },
  ])
  const wrapper = mount(Plugins)
  await flushPromises()

  expect(wrapper.text()).toContain('admin.noDependencies')
  expect(wrapper.find('span.label.bg-green').text()).toBe('a: ^1.0.0')
  expect(wrapper.find('span.label.bg-red').text()).toBe('c: ^2.0.0')
})

test('render operation buttons', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a', dependencies: { all: {}, unsatisfied: {} }, enabled: true, config: true,
    },
    {
      name: 'b', dependencies: { all: {}, unsatisfied: {} }, enabled: true, config: false,
    },
    {
      name: 'c', dependencies: { all: {}, unsatisfied: {} }, enabled: false,
    },
  ])
  const wrapper = mount(Plugins)
  await flushPromises()
  const tbody = wrapper.find('tbody')

  expect(tbody.find('tr:nth-child(1)').text()).toContain('admin.disablePlugin')
  expect(tbody.find('tr:nth-child(1)').text()).toContain('admin.configurePlugin')
  expect(tbody.find('tr:nth-child(2)').text()).not.toContain('admin.configurePlugin')
  expect(tbody.find('tr:nth-child(3)').text()).toContain('admin.enablePlugin')
  expect(tbody.find('tr:nth-child(3)').text()).toContain('admin.deletePlugin')
})

test('enable plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a', dependencies: { all: {}, unsatisfied: {} }, enabled: false,
    },
    {
      name: 'b', dependencies: { all: { c: '' }, unsatisfied: {} }, enabled: false,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({
      code: 1, message: '1', data: { reason: ['`a<div></div>`b'] },
    })
    .mockResolvedValue({ code: 0, message: '0' })
  Vue.prototype.$confirm
    .mockRejectedValueOnce('')
    .mockResolvedValue('confirm')
  const wrapper = mount(Plugins)
  await flushPromises()

  wrapper.findAll('.actions').at(0)
    .find('a')
    .trigger('click')
  await flushPromises()
  expect(Vue.prototype.$confirm).toBeCalledWith('admin.noDependenciesNotice', {
    type: 'warning',
  })
  expect(Vue.prototype.$http.post).not.toBeCalled()

  wrapper.findAll('.actions').at(0)
    .find('a')
    .trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/admin/plugins/manage',
    { action: 'enable', name: 'a' }
  )
  expect(Vue.prototype.$alert).toBeCalledWith(
    '<p>1</p><ul><li>`a&lt;div&gt;&lt;/div&gt;`b</li></ul>',
    {
      type: 'warning',
      dangerouslyUseHTMLString: true,
    }
  )

  wrapper.findAll('.actions').at(1)
    .find('a')
    .trigger('click')
  await flushPromises()
  expect(wrapper.text()).toContain('admin.disablePlugin')
})

test('disable plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a', dependencies: { all: {}, unsatisfied: {} }, enabled: true, config: false,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ code: 1, message: '1' })
    .mockResolvedValue({ code: 0, message: '0' })
  const wrapper = mount(Plugins)
  await flushPromises()
  const button = wrapper.find('.actions').find('a')

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/admin/plugins/manage',
    { action: 'disable', name: 'a' }
  )
  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$message.success).toBeCalledWith('0')
  expect(wrapper.text()).toContain('admin.enablePlugin')
})

test('delete plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a', dependencies: { all: {}, unsatisfied: {} }, enabled: false,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ code: 1, message: '1' })
    .mockResolvedValue({ code: 0, message: '0' })
  Vue.prototype.$confirm
    .mockRejectedValueOnce('')
    .mockResolvedValue('confirm')
  const wrapper = mount(Plugins)
  await flushPromises()
  const button = wrapper.find('.actions').findAll('a')
    .at(1)

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$confirm).toBeCalledWith('admin.confirmDeletion', {
    type: 'warning',
  })
  expect(Vue.prototype.$http.post).not.toBeCalled()

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/admin/plugins/manage',
    { action: 'delete', name: 'a' }
  )
  expect(Vue.prototype.$message.warning).toBeCalledWith('1')

  button.trigger('click')
  await flushPromises()
  expect(wrapper.text()).toContain('No data')
})