import React from "react";
import renderer from "react-test-renderer";
import { MultiSelect } from "./MultiSelect";

test("MultiSelect render correctly", () => {
  const optionsData = [
    { id: 1, value: "first", label: "First" },
    { id: 2, value: "second" },
    { id: 3, value: "third", label: "Third" }
  ];

  const tree = renderer.create(<MultiSelect options={optionsData} />).toJSON();
  expect(tree).toMatchSnapshot();
});

test("Default values should be rendered", () => {
  const defaultOptions = [
    { value: "first" },
    { value: "second" },
    { value: "third" }
  ];

  const tree = renderer
    .create(<MultiSelect defaultOptions={defaultOptions} />)
    .toJSON();
  expect(tree).toMatchSnapshot();
});