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();
  });
});