import React from 'react';
import { mount } from 'enzyme';

import { stubbedOsqueryTable } from 'test/helpers';

import QuerySidePanel from './QuerySidePanel';

describe('QuerySidePanel - component', () => {
  const onOsqueryTableSelect = jest.fn();
  const onTextEditorInputChange = jest.fn();
  const props = {
    onOsqueryTableSelect,
    onTextEditorInputChange,
    selectedOsqueryTable: stubbedOsqueryTable,
  };

  it('renders the selected table in the dropdown', () => {
    const component = mount(<QuerySidePanel {...props} />);
    const tableSelect = component.find('Dropdown');

    expect(tableSelect.prop('value')).toEqual('users');
  });

  it(
    'calls the onOsqueryTableSelect prop when a new table is selected in the dropdown',
    () => {
      const component = mount(<QuerySidePanel {...props} />);
      component.instance().onSelectTable('groups');

      expect(onOsqueryTableSelect).toHaveBeenCalledWith('groups');
    },
  );
});