@hackoregon/component-library/es/Dropdown/Dropdown.test.js

Official repo for Hack Oregon React component library

import React from "react";
import { shallow } from "enzyme";
import sinon from "sinon";
import Dropdown from "./Dropdown";
describe("Dropdown", function () {
  var props = {};
  var testOptions = [{
    value: "dog",
    label: "Dog"
  }, {
    value: "cat",
    label: "Cat"
  }, {
    value: "giraffe",
    label: "Giraffe"
  }];
  beforeEach(function () {
    props.onChange = sinon.spy();
    props.value = testOptions[0].value;
    props.options = testOptions;
  });
  it("should render a select dropdown", function () {
    var wrapper = shallow(React.createElement(Dropdown, props));
    expect(wrapper.find("Select")).to.have.length(1);
  });
  it("should trigger onChange callback", function () {
    var wrapper = shallow(React.createElement(Dropdown, props));
    wrapper.find("Select").simulate("change");
    expect(props.onChange).to.have.property("callCount", 1);
  });
});