import Vue from 'vue'

describe('Options name', () => {
  it('should warn when giving instance a name', () => {
    const Comp = Vue.component('custom', { name: 'custom' })
    new Comp()
    expect(`options "name" can only be used as a component definition option`).not.toHaveBeenWarned()

    new Vue({
      name: 'SuperVue'
    }).$mount()
    expect(`options "name" can only be used as a component definition option`).toHaveBeenWarned()
  })

  it('should contain itself in self components', () => {
    const vm = Vue.extend({
      name: 'SuperVue'
    })

    expect(vm.options.components['SuperVue']).toEqual(vm)
  })

  it('should warn when incorrect name given', () => {
    Vue.extend({
      name: 'Hyper*Vue'
    })

    /* eslint-disable */
    expect(`Invalid component name: "Hyper*Vue". Component names can only contain alphanumeric characaters and the hyphen.`)
      .toHaveBeenWarned()
    /* eslint-enable */
  })

  it('when incorrect name given it should not contain itself in self components', () => {
    const vm = Vue.extend({
      name: 'Hyper*Vue'
    })

    expect(vm.options.components['Hyper*Vue']).toBeUndefined()
  })

  it('id should not override given name when using Vue.component', () => {
    const SuperComponent = Vue.component('super-component', {
      name: 'SuperVue'
    })

    expect(SuperComponent.options.components['SuperVue']).toEqual(SuperComponent)
    expect(SuperComponent.options.components['super-component']).toEqual(SuperComponent)
  })
})