secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Standard import for state; Updating GridItem which needs support for useDrag hook (render only, not actual dnd UX tests)

Browse Source
This commit is contained in:
James Barnsley
2022-02-03 20:34:54 +13:00
parent 276663c990
commit e2eed1e79c
4 changed files with 221 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
__tests__/components/GridItem.test.js
View File

@ -1,12 +1,15 @@
import React from 'react';
import { BrowserRouter } from 'react-router-dom';
import TestRenderer from 'react-test-renderer';
import { DndProvider } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-backend';
import { GridItem } from '../../src/js/components/GridItem';
import { core } from '../state';
import state from '../state';
jest.mock('react-redux', () => ({
useSelector: jest.fn(),
useDispatch: () => jest.fn(),
useDrag: jest.fn(),
}));
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
@ -21,10 +24,14 @@ jest.mock('react-router-dom', () => ({
}));
describe('<GridItem />', () => {
const { core: { items } } = state;
it('should handle album', () => {
const result = TestRenderer.create(
<BrowserRouter>
<GridItem item={core.items['local:album:md5:66fbea3593ba96a15a9d4188bebab50b']} />
<DndProvider backend={HTML5Backend}>
<GridItem item={items['local:album:md5:66fbea3593ba96a15a9d4188bebab50b']} />
</DndProvider>
</BrowserRouter>
).toJSON();
expect(result).toMatchSnapshot();
@ -32,7 +39,9 @@ describe('<GridItem />', () => {
it('should handle artist', () => {
const result = TestRenderer.create(
<BrowserRouter>
<GridItem item={core.items['local:artist:md5:4f6e4f979e2c40c5e6ad1735804c29bc']} />
<DndProvider backend={HTML5Backend}>
<GridItem item={items['local:artist:md5:4f6e4f979e2c40c5e6ad1735804c29bc']} />
</DndProvider>
</BrowserRouter>
).toJSON();
expect(result).toMatchSnapshot();
@ -40,9 +49,11 @@ describe('<GridItem />', () => {
it('should handle playlist', () => {
const result = TestRenderer.create(
<BrowserRouter>
<GridItem item={core.items['m3u:Local%20tester.m3u8']} />
<DndProvider backend={HTML5Backend}>
<GridItem item={items['m3u:Local%20tester.m3u8']} />
</DndProvider>
</BrowserRouter>
).toJSON();
expect(result).toMatchSnapshot();
});
});
});