Created TagsSelector test

test/tags/helpers/TagsSelector.test.tsx

@@ -0,0 +1,66 @@
+import { shallow, ShallowWrapper } from 'enzyme';
+import { Mock } from 'ts-mockery';
+import createTagsSelector from '../../../src/tags/helpers/TagsSelector';
+import ColorGenerator from '../../../src/utils/services/ColorGenerator';
+import { TagsList } from '../../../src/tags/reducers/tagsList';
+
+describe('<TagsSelector />', () => {
+  const onChange = jest.fn();
+  const TagsSelector = createTagsSelector(Mock.all<ColorGenerator>());
+  const tags = [ 'foo', 'bar' ];
+  const tagsList = Mock.of<TagsList>({ tags: [ ...tags, 'baz' ] });
+  let wrapper: ShallowWrapper;
+
+  beforeEach(jest.clearAllMocks);
+  beforeEach(() => {
+    wrapper = shallow(
+      <TagsSelector selectedTags={tags} tagsList={tagsList} listTags={jest.fn()} onChange={onChange} />,
+    );
+  });
+
+  afterEach(() => wrapper?.unmount());
+
+  it('has expected props', () => {
+    expect(wrapper.prop('placeholderText')).toEqual('Add tags to the URL');
+    expect(wrapper.prop('allowNew')).toEqual(true);
+    expect(wrapper.prop('addOnBlur')).toEqual(true);
+    expect(wrapper.prop('minQueryLength')).toEqual(1);
+  });
+
+  it('contains expected tags', () => {
+    expect(wrapper.prop('tags')).toEqual([
+      {
+        id: 'foo',
+        name: 'foo',
+      },
+      {
+        id: 'bar',
+        name: 'bar',
+      },
+    ]);
+  });
+
+  it('contains expected suggestions', () => {
+    expect(wrapper.prop('suggestions')).toEqual([
+      {
+        id: 'baz',
+        name: 'baz',
+      },
+    ]);
+  });
+
+  it('invokes onChange when new tags are added', () => {
+    wrapper.simulate('addition', { name: 'The-New-Tag' });
+
+    expect(onChange).toHaveBeenCalledWith([ ...tags, 'the-new-tag' ]);
+  });
+
+  it.each([
+    [ 0, 'bar' ],
+    [ 1, 'foo' ],
+  ])('invokes onChange when tags are deleted', (index, expected) => {
+    wrapper.simulate('delete', index);
+
+    expect(onChange).toHaveBeenCalledWith([ expected ]);
+  });
+});