import Vue from 'vue';
import { selectWithProps } from '../helpers';

describe('Components API', () => {

  it('swap the Deselect component', () => {
    const Deselect = Vue.component('Deselect', {
      render (createElement) {
        return createElement('button', 'remove');
      },
    });

    const Select = selectWithProps({components: {Deselect}});

    expect(Select.contains(Deselect)).toBeTruthy();
  });

  it('swap the OpenIndicator component', () => {
    const OpenIndicator = Vue.component('OpenIndicator', {
      render (createElement) {
        return createElement('i', '^');
      },
    });

    const Select = selectWithProps({components: {OpenIndicator}});

    expect(Select.contains(OpenIndicator)).toBeTruthy();
  });

});