mirror of
https://github.com/go-gitea/gitea.git
synced 2026-08-26 18:23:42 +00:00
2bcf950b78
Adds a search box and a file-extension filter to the pull request diff sidebar, so reviewers can narrow a large diff down to the files they care about. Both filters apply to the file tree and to the diff itself. The extension menu follows GitHub: extensions sorted alphabetically, dotfiles and extension-less files in their own buckets, and the selection kept in the same `file-filters[]` query parameter, so a filtered view is shareable and survives a reload. The menu can list every extension in a diff, so `createTippy` gains an opt-in `limitSizeToViewport` option that caps a popup to the space left in the viewport and scrolls its content. Popups that do not ask for it are unchanged. Closes https://github.com/go-gitea/gitea/issues/27256 Signed-off-by: silverwind <me@silverwind.io> Signed-off-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: Claude (Opus 4.7) <noreply@anthropic.com> Co-authored-by: Copilot <copilot@github.com> Co-authored-by: Nicolas <bircni@icloud.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
142 lines
7.2 KiB
TypeScript
142 lines
7.2 KiB
TypeScript
import {
|
|
dirname, basename, extname, formatBytes, isObject, stripTags, parseIssueHref,
|
|
translateMonth, translateDay, blobToDataURI,
|
|
encodeURLEncodedBase64, decodeURLEncodedBase64, isImageFile, isVideoFile, parseRepoOwnerPathInfo,
|
|
} from './utils.ts';
|
|
|
|
test('dirname', () => {
|
|
expect(dirname('/path/to/file.js')).toEqual('/path/to');
|
|
expect(dirname('/path/to')).toEqual('/path');
|
|
expect(dirname('file.js')).toEqual('');
|
|
});
|
|
|
|
test('basename', () => {
|
|
expect(basename('/path/to/file.js')).toEqual('file.js');
|
|
expect(basename('/path/to/file')).toEqual('file');
|
|
expect(basename('file.js')).toEqual('file.js');
|
|
});
|
|
|
|
test('extname', () => {
|
|
expect(extname('.gitignore')).toEqual('');
|
|
expect(extname('/path/to/.gitignore')).toEqual('');
|
|
expect(extname('/path/to/.eslintrc.json')).toEqual('.json');
|
|
expect(extname('/path/to/file.js')).toEqual('.js');
|
|
expect(extname('/path/')).toEqual('');
|
|
expect(extname('/path')).toEqual('');
|
|
expect(extname('file.js')).toEqual('.js');
|
|
expect(extname('/my.path/file')).toEqual('');
|
|
});
|
|
|
|
test('isObject', () => {
|
|
expect(isObject({})).toBeTruthy();
|
|
expect(isObject([])).toBeFalsy();
|
|
});
|
|
|
|
test('stripTags', () => {
|
|
expect(stripTags('<a>test</a>')).toEqual('test');
|
|
});
|
|
|
|
test('parseIssueHref', () => {
|
|
expect(parseIssueHref('/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('/owner/repo/pulls/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
|
|
expect(parseIssueHref('/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('/sub/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/pulls/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/issues/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/pulls/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/owner/repo/issues/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/pulls/1')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'pulls', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1?query')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1#hash')).toEqual({ownerName: 'owner', repoName: 'repo', pathType: 'issues', indexString: '1'});
|
|
expect(parseIssueHref('')).toEqual({ownerName: undefined, repoName: undefined, type: undefined, index: undefined});
|
|
});
|
|
|
|
test('parseRepoOwnerPathInfo', () => {
|
|
expect(parseRepoOwnerPathInfo('/owner/repo/issues/new')).toEqual({ownerName: 'owner', repoName: 'repo'});
|
|
expect(parseRepoOwnerPathInfo('/owner/repo/releases')).toEqual({ownerName: 'owner', repoName: 'repo'});
|
|
expect(parseRepoOwnerPathInfo('/other')).toEqual({});
|
|
window.config.appSubUrl = '/sub';
|
|
expect(parseRepoOwnerPathInfo('/sub/owner/repo/issues/new')).toEqual({ownerName: 'owner', repoName: 'repo'});
|
|
expect(parseRepoOwnerPathInfo('/sub/owner/repo/compare/feature/branch-1...fix/branch-2')).toEqual({ownerName: 'owner', repoName: 'repo'});
|
|
window.config.appSubUrl = '';
|
|
});
|
|
|
|
test('translateMonth', () => {
|
|
const originalLang = document.documentElement.lang;
|
|
document.documentElement.lang = 'en-US';
|
|
expect(translateMonth(0)).toEqual('Jan');
|
|
expect(translateMonth(4)).toEqual('May');
|
|
document.documentElement.lang = 'es-ES';
|
|
expect(translateMonth(5)).toEqual('jun');
|
|
expect(translateMonth(6)).toEqual('jul');
|
|
document.documentElement.lang = originalLang;
|
|
});
|
|
|
|
test('translateDay', () => {
|
|
const originalLang = document.documentElement.lang;
|
|
document.documentElement.lang = 'fr-FR';
|
|
expect(translateDay(1)).toEqual('lun.');
|
|
expect(translateDay(5)).toEqual('ven.');
|
|
document.documentElement.lang = 'pl-PL';
|
|
expect(translateDay(1)).toEqual('pon.');
|
|
expect(translateDay(5)).toEqual('pt.');
|
|
document.documentElement.lang = originalLang;
|
|
});
|
|
|
|
test('blobToDataURI', async () => {
|
|
const blob = new Blob([JSON.stringify({test: true})], {type: 'application/json'});
|
|
expect(await blobToDataURI(blob)).toEqual('data:application/json;base64,eyJ0ZXN0Ijp0cnVlfQ==');
|
|
});
|
|
|
|
test('encodeURLEncodedBase64, decodeURLEncodedBase64', () => {
|
|
const encoder = new TextEncoder();
|
|
const uint8array = encoder.encode.bind(encoder);
|
|
|
|
expect(encodeURLEncodedBase64(uint8array('AA?'))).toEqual('QUE_'); // standard base64: "QUE/"
|
|
expect(encodeURLEncodedBase64(uint8array('AA~'))).toEqual('QUF-'); // standard base64: "QUF+"
|
|
|
|
expect(new Uint8Array(decodeURLEncodedBase64('QUE/'))).toEqual(uint8array('AA?'));
|
|
expect(new Uint8Array(decodeURLEncodedBase64('QUF+'))).toEqual(uint8array('AA~'));
|
|
expect(new Uint8Array(decodeURLEncodedBase64('QUE_'))).toEqual(uint8array('AA?'));
|
|
expect(new Uint8Array(decodeURLEncodedBase64('QUF-'))).toEqual(uint8array('AA~'));
|
|
|
|
expect(encodeURLEncodedBase64(uint8array('a'))).toEqual('YQ'); // standard base64: "YQ=="
|
|
expect(new Uint8Array(decodeURLEncodedBase64('YQ'))).toEqual(uint8array('a'));
|
|
expect(new Uint8Array(decodeURLEncodedBase64('YQ=='))).toEqual(uint8array('a'));
|
|
|
|
expect(encodeURLEncodedBase64(uint8array('AA'))).toEqual('QUE'); // standard base64: "QUE="
|
|
expect(new Uint8Array(decodeURLEncodedBase64('QUE'))).toEqual(uint8array('AA'));
|
|
|
|
const allBytes = Uint8Array.from({length: 256}, (_, i) => i);
|
|
expect(new Uint8Array(decodeURLEncodedBase64(encodeURLEncodedBase64(allBytes)))).toEqual(allBytes);
|
|
});
|
|
|
|
test('formatBytes', () => {
|
|
expect(formatBytes(-1)).toBe('0 B');
|
|
expect(formatBytes(0)).toBe('0 B');
|
|
expect(formatBytes(512)).toBe('512 B');
|
|
expect(formatBytes(1024)).toBe('1.0 KiB');
|
|
expect(formatBytes(1536)).toBe('1.5 KiB');
|
|
expect(formatBytes(10 * 1024)).toBe('10 KiB');
|
|
expect(formatBytes(1024 * 1024)).toBe('1.0 MiB');
|
|
expect(formatBytes(1024 * 1024 * 1024)).toBe('1.0 GiB');
|
|
});
|
|
|
|
test('file detection', () => {
|
|
for (const name of ['a.avif', 'a.jpg', '/a.jpeg', '.file.png', '.webp', 'file.svg']) {
|
|
expect(isImageFile({name})).toBeTruthy();
|
|
}
|
|
for (const name of ['', 'a.jpg.x', '/path.png/x', 'webp']) {
|
|
expect(isImageFile({name})).toBeFalsy();
|
|
}
|
|
for (const name of ['a.mpg', '/a.mpeg', '.file.mp4', '.webm', 'file.mkv']) {
|
|
expect(isVideoFile({name})).toBeTruthy();
|
|
}
|
|
for (const name of ['', 'a.mpg.x', '/path.mp4/x', 'webm']) {
|
|
expect(isVideoFile({name})).toBeFalsy();
|
|
}
|
|
});
|