@transferwise/components 0.0.0-experimental-c46d48c → 0.0.0-experimental-5865548

package/src/typeahead/typeaheadInput/TypeaheadInput.spec.js

@@ -1,74 +0,0 @@
-import { shallow } from 'enzyme';
-
-import { Input } from '../../inputs/Input';
-
-import TypeaheadInput from './TypeaheadInput';
-
-describe('Typeahead input', () => {
-  let component;
-  let props;
-
-  const inputWrapper = () => component.find('.typeahead__input-wrapper');
-  const input = () => component.find(Input);
-
-  beforeEach(() => {
-    props = {
-      name: 'test',
-      typeaheadId: 'test',
-      multiple: false,
-      value: '',
-      renderChip: jest.fn(),
-      onKeyDown: jest.fn(),
-      onFocus: jest.fn(),
-      onPaste: jest.fn(),
-      onChange: jest.fn(),
-      autoComplete: 'off',
-      selected: [],
-    };
-
-    component = shallow(<TypeaheadInput {...props} />);
-  });
-
-  it('renders single input when multiple is false', () => {
-    expect(component.children()).toHaveLength(0);
-    expect(component.is(Input)).toBe(true);
-  });
-
-  it('renders chips when provided', () => {
-    const selected = [{ label: 'test1' }, { label: 'test2' }];
-    component.setProps({
-      multiple: true,
-      selected,
-      renderChip: jest.fn(({ label }, idx) => <span key={idx}>{label}</span>),
-    });
-
-    expect(inputWrapper().find('span')).toHaveLength(selected.length);
-  });
-
-  it('adds aria-controls prop if dropdown is open', () => {
-    expect(component.prop('aria-controls')).toBeUndefined();
-    component.setProps({ dropdownOpen: true });
-    expect(component.prop('aria-controls')).toBe('menu-test');
-  });
-
-  it('passes all callbacks to input', () => {
-    const event = {};
-    const extraProps = {
-      multiple: true,
-      value: '',
-      onKeyDown: jest.fn(),
-      onBlur: jest.fn(),
-      onFocus: jest.fn(),
-      onPaste: jest.fn(),
-    };
-    component.setProps(extraProps);
-
-    input().simulate('focus', event);
-    input().simulate('paste', event);
-    input().simulate('keyDown', event);
-    const inputProps = input().props();
-    expect(inputProps.onKeyDown).toHaveBeenCalledWith(event);
-    expect(inputProps.onFocus).toHaveBeenCalledWith(event);
-    expect(inputProps.onPaste).toHaveBeenCalledWith(event);
-  });
-});

package/src/typeahead/typeaheadOption/TypeaheadOption.spec.js

@@ -1,75 +0,0 @@
-import { shallow, mount } from 'enzyme';
-
-import { fakeEvent } from '../../common/fakeEvents';
-
-import TypeaheadOption from './TypeaheadOption';
-import Highlight from '../util/highlight';
-
-describe('Typeahead Option', () => {
-  let props;
-  let component;
-
-  const labelHighlight = () => component.find(Highlight);
-  const noteSpan = () => component.find('.np-text-body-default.m-l-1');
-  const secondaryTextHighlight = () => component.find('.np-text-body-default.text-ellipsis > span');
-  const dropdownItem = () => component.find('.dropdown-item');
-
-  beforeEach(() => {
-    props = {
-      option: {
-        label: 'test',
-      },
-    };
-
-    component = mount(<TypeaheadOption {...props} />);
-  });
-
-  it('renders a label', () => {
-    const label = 'test';
-    component.setProps({ option: { label } });
-    expect(labelHighlight().text()).toStrictEqual(label);
-  });
-
-  it('renders a note', () => {
-    const label = 'test';
-    const note = 'test note';
-    component.setProps({ option: { label, note } });
-    expect(noteSpan().text()).toStrictEqual(note);
-  });
-
-  it('renders a seconday text', () => {
-    const label = 'test';
-    const secondary = 'test note';
-    component.setProps({ option: { label, secondary } });
-    expect(secondaryTextHighlight().text()).toStrictEqual(secondary);
-  });
-
-  it('highlights when selected', () => {
-    component = shallow(<TypeaheadOption {...props} />);
-    component.setProps({
-      selected: true,
-    });
-
-    expect(component.is('.tw-dropdown-item--focused')).toBe(true);
-  });
-
-  it('expect aria-selected to be true', () => {
-    component = shallow(<TypeaheadOption {...props} />);
-    component.setProps({
-      selected: true,
-    });
-
-    expect(component.prop('aria-selected')).toBe('true');
-  });
-
-  it('calls onClick when clicked', () => {
-    const onClick = jest.fn();
-    component.setProps({
-      onClick,
-    });
-
-    dropdownItem().simulate('click', fakeEvent);
-
-    expect(onClick).toHaveBeenCalledTimes(1);
-  });
-});

package/src/typeahead/util/highlight.spec.js

@@ -1,34 +0,0 @@
-import { mount } from 'enzyme';
-
-import Highlight from './highlight';
-
-describe('Typeahead input', () => {
-  const highlighted = (node) => node.find('strong');
-  const getTextFromNodes = (nodes) => nodes.reduce((value, node) => value + node.text(), '');
-
-  it('highlights part of label that matches the query', () => {
-    const query = 'test';
-    const label = `this is a ${query} label`;
-    const result = mount(<Highlight value={label} query={query} />);
-
-    expect(highlighted(result).text()).toStrictEqual(query);
-
-    expect(getTextFromNodes(result)).toBe(label);
-  });
-
-  it('does not change text if query is not present in it', () => {
-    const query = 'test';
-    const label = `this is a label`;
-    const result = mount(<Highlight value={label} query={query} />);
-
-    expect(result.text()).toBe(label);
-  });
-
-  it('highlights whole label that matches the query', () => {
-    const query = 'test';
-    const label = query;
-    const result = mount(<Highlight value={label} query={query} />);
-
-    expect(highlighted(result).text()).toStrictEqual(query);
-  });
-});