yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-01 18:33:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

test(content-manager): leftMenu title sorting

Browse Source 
chore(content-manager)
This commit is contained in:
Jamie Howard 2023-01-20 15:28:50 +00:00
parent 88b2d2a5fa
commit 2ae9cd3a45
4 changed files with 69 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/index.js
View File

@ -7,13 +7,8 @@
import React, { useMemo, useState } from 'react';
import { useSelector, shallowEqual } from 'react-redux';
import { useIntl } from 'react-intl';
import matchSorter from 'match-sorter';
import { NavLink } from 'react-router-dom';
import sortBy from 'lodash/sortBy';
import toLower from 'lodash/toLower';
import camelCase from 'lodash/camelCase';
import {
SubNav,
SubNavHeader,
@ -22,14 +17,10 @@ import {
SubNavLink,
} from '@strapi/design-system/v2/SubNav';
import { matchByTitle } from './utils';
import getTrad from '../../../utils/getTrad';
import { makeSelectModelLinks } from '../selectors';
const matchByTitle = (links, search) =>
search
? matchSorter(links, toLower(search), { keys: [(item) => toLower(item.title)] })
: sortBy(links, (object) => camelCase(object.title));
const LeftMenu = () => {
const [search, setSearch] = useState('');
const { formatMessage } = useIntl();

1
packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/utils/index.js Normal file
View File

@ -0,0 +1 @@
export { default as matchByTitle } from './matchByTitle';

24
packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/utils/matchByTitle.js Normal file
View File

@ -0,0 +1,24 @@
import matchSorter from 'match-sorter';
import camelCase from 'lodash/camelCase';
/**
* @type {(links: array, search? : string) => array }
*/
const matchByTitle = (links, search) =>
search
? matchSorter(links, search.toLowerCase(), { keys: [(item) => item.title.toLowerCase()] })
: links.sort((link, linkNext) => {
const title = camelCase(link.title);
const nextTitle = camelCase(linkNext.title);
if (title < nextTitle) {
return -1;
}
if (title > nextTitle) {
return 1;
}
return 0;
});
export default matchByTitle;

43
packages/core/admin/admin/src/content-manager/pages/App/LeftMenu/utils/tests/matchByTitle.test.js Normal file
View File

@ -0,0 +1,43 @@
import { matchByTitle } from '../index';
describe('Content Manager | Pages | LeftMenu | Utils', () => {
describe('matchByTitle', () => {
it('correctly sorts a list of links with special characters', () => {
const links = [
{
title: 'zebra',
},
{
title: 'Address',
},
{
title: 'dog',
},
{
title: 'škola',
},
{
title: 'Članky',
},
];
expect(matchByTitle(links)).toEqual([
{
title: 'Address',
},
{
title: 'Članky',
},
{
title: 'dog',
},
{
title: 'škola',
},
{
title: 'zebra',
},
]);
});
});
});