summaryrefslogtreecommitdiffstats
path: root/stepped-solutions/59/frontend/__tests__/Item.test.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-09-07 12:15:53 -0400
committerWes Bos <wesbos@gmail.com>2018-09-07 12:15:53 -0400
commit093c172d16732ba8d01faa313e0af99d26902205 (patch)
tree84838c4f6410b43f42b56219190a62e14e072ef3 /stepped-solutions/59/frontend/__tests__/Item.test.js
parent9876e7dfca6fa2bbf6ac383eeb8e2c82e05c2164 (diff)
getting there
Diffstat (limited to 'stepped-solutions/59/frontend/__tests__/Item.test.js')
-rwxr-xr-xstepped-solutions/59/frontend/__tests__/Item.test.js39
1 files changed, 39 insertions, 0 deletions
diff --git a/stepped-solutions/59/frontend/__tests__/Item.test.js b/stepped-solutions/59/frontend/__tests__/Item.test.js
new file mode 100755
index 0000000..692b913
--- /dev/null
+++ b/stepped-solutions/59/frontend/__tests__/Item.test.js
@@ -0,0 +1,39 @@
+import ItemComponent from '../components/Item';
+import { shallow, mount } from 'enzyme';
+import toJSON from 'enzyme-to-json';
+
+const fakeItem = {
+ id: 'ABC123',
+ title: 'A Cool Item',
+ price: 4000,
+ description: 'This item is really cool!',
+ image: 'dog.jpg',
+ largeImage: 'largedog.jpg',
+};
+
+describe('<Item/>', () => {
+ it('renders and matches the snapshot', () => {
+ const wrapper = shallow(<ItemComponent item={fakeItem} />);
+ expect(toJSON(wrapper)).toMatchSnapshot();
+ });
+ // it('renders the image properly', () => {
+ // const wrapper = shallow(<ItemComponent item={fakeItem} />);
+ // const img = wrapper.find('img');
+ // expect(img.props().src).toBe(fakeItem.image);
+ // expect(img.props().alt).toBe(fakeItem.title);
+ // });
+ // it('renders the pricetag and title', () => {
+ // const wrapper = shallow(<ItemComponent item={fakeItem} />);
+ // const PriceTag = wrapper.find('PriceTag');
+ // expect(PriceTag.children().text()).toBe('$50');
+ // expect(wrapper.find('Title a').text()).toBe(fakeItem.title);
+ // });
+ // it('renders out the buttons properly', () => {
+ // const wrapper = shallow(<ItemComponent item={fakeItem} />);
+ // const buttonList = wrapper.find('.buttonList');
+ // expect(buttonList.children()).toHaveLength(3);
+ // expect(buttonList.find('Link')).toHaveLength(1);
+ // expect(buttonList.find('AddToCart').exists()).toBe(true);
+ // expect(buttonList.find('DeleteItem').exists()).toBe(true);
+ // });
+});