Untitled
unknown
typescript
2 years ago
2.2 kB
3
Indexable
import { Provider } from 'react-redux'; import { MemoryRouter as Router } from 'react-router-dom'; import { ShopItemList } from './ShopItemList'; import { act, render } from '@testing-library/react'; import { appStore } from '../../redux/store/store'; // PREGUNTAR TEST describe('Given ShopItemList component', () => { const mockItem1 = { id: 1, category: 'computer', offer: true, price: 700, name: 'TurboPC 500', imageURL: 'https://thumb.pccomponentes.com/w-530-530/articles/82/826902/1449-pccom-bronze-amd-ryzen-7-5700g-16gb-500gb-ssd-1tb.jpg', details: { RAM: '8GB', 'Hard Drive': '250GB SSD', 'Graphic Card': 'GTX 3000', }, }; const mockItem2 = { id: 2, category: 'phone', offer: true, price: 500, name: 'Phone 500', imageURL: 'https://thumb.pccomponentes.com/w-530-530/articles/82/826902/1449-pccom-bronze-amd-ryzen-7-5700g-16gb-500gb-ssd-1tb.jpg', details: { RAM: '4GB', 'Hard Drive': '120GB SSD', }, }; const mockItem3 = { id: 2, category: 'phone', offer: false, price: 500, name: 'Phone 500', imageURL: 'https://thumb.pccomponentes.com/w-530-530/articles/82/826902/1449-pccom-bronze-amd-ryzen-7-5700g-16gb-500gb-ssd-1tb.jpg', details: { RAM: '4GB', 'Hard Drive': '120GB SSD', }, }; test('when we render it', () => { window.location.pathname = '/offers'; global.fetch = jest.fn().mockResolvedValue( Promise.resolve({ json: jest .fn() .mockResolvedValue([mockItem1, mockItem2, mockItem3]), }) ); render( <> <Router> <Provider store={appStore}> <ShopItemList /> </Provider> </Router> </> ); }); });
Editor is loading...