import Vuex from 'vuex'
import Vuelidate from 'vuelidate'
import { mount, createLocalVue } from '@vue/test-utils'
import Locale from 'src/locale/index'
import PodCreateForm from 'src/components/pod-management/PodCreateForm'

const localVue = createLocalVue()

describe('components/', () => {
  describe('PodCreateForm.vue', () => {
    const stubs = {}
    let store
    let wrapper

    beforeEach(() => {
      localVue.use(Vuelidate)
      localVue.use(Locale)
      stubs.created = sinon.stub(PodCreateForm, 'created')
      store = new Vuex.Store({
        state: {},
        getters: {},
        actions: {},
        mutations: {}
      })

      wrapper = mount(PodCreateForm, { store })
    })

    afterEach(() => {
      Object.values(stubs).forEach(stub => stub.restore())
    })

    it('should display validation error message if name is blank', () => {
      wrapper.vm.name = 'Test PodName'
      wrapper.vm.$v.$touch()

      wrapper.vm.name = ''
      wrapper.vm.$v.$touch()

      wrapper.update()

      const messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-required"]')
      expect(messageElement.is('spoken-input-message')).to.be.true
    })

    it('should display validation error message if name is less than 3 characters', () => {
      wrapper.vm.name = 'OK'
      wrapper.vm.$v.$touch()

      wrapper.update()

      const messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-minLength"]')
      expect(messageElement.is('spoken-input-message')).to.be.true
    })

    it('should display validation error message if name is more than 128 characters', () => {
      wrapper.vm.name = new Array(130).join('a') // prints a string of 129 a's
      wrapper.vm.$v.$touch()

      wrapper.update()

      const messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-maxLength"]')
      expect(messageElement.is('spoken-input-message')).to.be.true
    })

    it('should display validation error message if name is not alpha-numeric', () => {
      wrapper.vm.name = 'spaces should be invalid'
      wrapper.vm.$v.$touch()

      wrapper.update()

      let messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-alphaNum"]')
      expect(messageElement.is('spoken-input-message')).to.be.true

      wrapper.vm.name = 'dash-should-be-valid'
      wrapper.vm.$v.$touch()

      wrapper.update()

      messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-alphaNum"]')
      expect(messageElement.exists()).to.be.false

      wrapper.vm.name = 'sp@cial#characters*should&be+invalid'
      wrapper.vm.$v.$touch()

      wrapper.update()

      messageElement = wrapper.find('[data-automate-id="podManagement-createOne-name-error-alphaNum"]')
      expect(messageElement.is('spoken-input-message')).to.be.true
    })
  })
})