1 files changed, 31 insertions, 0 deletions
diff --git a/frontend/__tests__/Item.test.js b/frontend/__tests__/Item.test.js
new file mode 100644
index 0000000..2990b1f
--- /dev/null
+++ b/frontend/__tests__/Item.test.js
@@ -0,0 +1,31 @@
+/* eslint-env jest */
+
+import React from 'react';
+import Enzyme, { shallow, mount } from 'enzyme';
+import toJSON from 'enzyme-to-json';
+import { ItemComponent } from '../components/Item';
+
+const fakeItem = {
+  id: 'ABC123',
+  title: 'A Cool Item',
+  price: 5000,
+  description: 'This item is really cool!',
+  image: 'dog.jpg',
+  largeImage: 'largedog.jpg',
+};
+
+describe('<Item/>', () => {
+  it('Renders an item', () => {
+    const removeItem = jest.fn();
+    const wrapper = shallow(<ItemComponent item={fakeItem} removeItem={removeItem} />);
+    expect(toJSON(wrapper)).toMatchSnapshot();
+  });
+  it('handles button clicks', async () => {
+    const removeItem = jest.fn();
+    global.confirm = jest.fn().mockReturnValue(true);
+    const wrapper = shallow(<ItemComponent item={fakeItem} removeItem={removeItem} />);
+    wrapper.find('button').simulate('click');
+    expect(removeItem).toHaveBeenCalled();
+    expect(global.confirm).toHaveBeenCalled();
+  });
+});