yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-21 14:31:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

test: add dnd tests for relation input and data manager

Browse Source
This commit is contained in:
Josh 2022-11-07 12:59:38 +00:00
parent 7f7d4efb14
commit 6cc51a06ae
3 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/admin/admin/src/content-manager/components/RelationInput/RelationInput.js
View File

@ -427,8 +427,8 @@ const ListItem = ({ data, index, style }) => {
} }
style={{ style={{
...style, ...style,
bottom: style.bottom + RELATION_GUTTER, bottom: style.bottom ?? 0 + RELATION_GUTTER,
height: style.height - RELATION_GUTTER, height: style.height ?? 0 - RELATION_GUTTER,
}} }}
> >
<BoxEllipsis minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}> <BoxEllipsis minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>

14
packages/core/admin/admin/src/content-manager/components/RelationInput/tests/RelationInput.test.js
View File

@ -151,6 +151,20 @@ describe('Content-Manager || RelationInput', () => {
expect(spy).toHaveBeenCalled(); expect(spy).toHaveBeenCalled();
}); });
test('should call onRelationReorder', () => {
const spy = jest.fn();
setup({ onRelationReorder: spy });
const [draggedItem, dropZone] = screen.getAllByLabelText('Drag');
fireEvent.dragStart(draggedItem);
fireEvent.dragEnter(dropZone);
fireEvent.dragOver(dropZone);
fireEvent.drop(dropZone);
expect(spy).toHaveBeenCalled();
});
// TODO: check if it is possible to fire scroll event here // TODO: check if it is possible to fire scroll event here
// test.only('should call onSearchNextPage', () => { // test.only('should call onSearchNextPage', () => {
// const spy = jest.fn(); // const spy = jest.fn();

17
packages/core/admin/admin/src/content-manager/components/RelationInputDataManager/tests/RelationInputDataManger.test.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { IntlProvider } from 'react-intl'; import { IntlProvider } from 'react-intl';
import { fireEvent, render, act } from '@testing-library/react'; import { fireEvent, render, act, screen } from '@testing-library/react';
import { ThemeProvider, lightTheme } from '@strapi/design-system'; import { ThemeProvider, lightTheme } from '@strapi/design-system';
import { QueryClientProvider, QueryClient } from 'react-query'; import { QueryClientProvider, QueryClient } from 'react-query';
import { MemoryRouter } from 'react-router-dom'; import { MemoryRouter } from 'react-router-dom';
@ -100,6 +100,7 @@ jest.mock('@strapi/helper-plugin', () => ({
loadRelation: jest.fn(), loadRelation: jest.fn(),
connectRelation: jest.fn(), connectRelation: jest.fn(),
disconnectRelation: jest.fn(), disconnectRelation: jest.fn(),
reorderRelation: jest.fn(),
}), }),
})); }));
@ -388,6 +389,20 @@ describe('RelationInputDataManager', () => {
); );
}); });
test('Reorder an entity', () => {
const { reorderRelation } = useCMEditViewDataManager();
setup();
const [draggedItem, dropZone] = screen.getAllByLabelText('Drag');
fireEvent.dragStart(draggedItem);
fireEvent.dragEnter(dropZone);
fireEvent.dragOver(dropZone);
fireEvent.drop(dropZone);
expect(reorderRelation).toBeCalledWith({ name: 'relation', newIndex: 0, oldIndex: 1 });
});
describe('Counting relations', () => { describe('Counting relations', () => {
it('should not render a count value when there are no relations', () => { it('should not render a count value when there are no relations', () => {
useCMEditViewDataManager.mockImplementation(() => ({ useCMEditViewDataManager.mockImplementation(() => ({