import Vue from 'vue'
import { mount } from '@vue/test-utils'
import Market from '@/components/admin/Market'
import { flushPromises } from '../../utils'
import { swal } from '@/js/notify'

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

test('render dependencies', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    { name: 'a', dependencies: { requirements: [] } },
    {
      name: 'b',
      dependencies: {
        requirements: { a: '^1.0.0', c: '^2.0.0' }, unsatisfiedRequirements: { c: {} },
      },
    },
  ])
  const wrapper = mount(Market)
  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: { requirements: [] }, installed: true, update_available: true,
    },
    {
      name: 'b', dependencies: { requirements: [] }, installed: true, enabled: true,
    },
    {
      name: 'c', dependencies: { requirements: [] }, installed: true,
    },
    {
      name: 'd', dependencies: { requirements: [] }, installed: false,
    },
  ])
  const wrapper = mount(Market)
  await flushPromises()
  const tbody = wrapper.find('tbody')

  expect(tbody.find('tr:nth-child(1)').text()).toContain('admin.updatePlugin')
  expect(tbody.find('tr:nth-child(2)').text()).toContain('admin.statusEnabled')
  expect(tbody.find('tr:nth-child(3)').text()).toContain('admin.enablePlugin')
  expect(tbody.find('tr:nth-child(4)').text()).toContain('admin.installPlugin')
})
test('install plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'd', dependencies: { requirements: [] }, installed: false,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ errno: 1, msg: '1' })
    .mockResolvedValueOnce({ errno: 0, msg: '0' })
  const wrapper = mount(Market)
  await flushPromises()
  const button = wrapper.find('button')

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/admin/plugins/market/download',
    { name: 'd' }
  )
  button.trigger('click')
  await wrapper.vm.$nextTick()
  expect(wrapper.text()).toContain('admin.enablePlugin')
})
test('update plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a',
      version: '2.0.0',
      dependencies: { requirements: [] },
      installed: '1.0.0',
      update_available: true,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({ errno: 1, msg: '1' })
  swal.mockResolvedValueOnce({ dismiss: 1 })
    .mockResolvedValue({})
  const wrapper = mount(Market)
  await flushPromises()
  const button = wrapper.find('button')

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).not.toBeCalled()

  button.trigger('click')
  await flushPromises()
  expect(Vue.prototype.$http.post).toBeCalledWith(
    '/admin/plugins/market/download',
    { name: 'a' }
  )
})

test('enable installed plugin', async () => {
  Vue.prototype.$http.get.mockResolvedValue([
    {
      name: 'a', dependencies: { requirements: [] }, installed: true,
    },
    {
      name: 'b', dependencies: { requirements: {} }, installed: true,
    },
  ])
  Vue.prototype.$http.post
    .mockResolvedValueOnce({
      errno: 1, msg: '1', reason: ['`a<div></div>`b'],
    })
    .mockResolvedValue({ errno: 0, msg: '0' })
  swal.mockResolvedValueOnce({ dismiss: 1 })
    .mockResolvedValueOnce({})
  const wrapper = mount(Market)
  await flushPromises()
  const buttons = wrapper.findAll('button')

  buttons.at(0).trigger('click')
  await flushPromises()
  expect(swal).toBeCalledWith({
    text: 'admin.noDependenciesNotice',
    type: 'warning',
    showCancelButton: true,
  })
  expect(Vue.prototype.$http.post).not.toBeCalled()

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

  buttons.at(1).trigger('click')
  await flushPromises()
  expect(wrapper.text()).toContain('admin.statusEnabled')
})