mirror of
https://github.com/go-gitea/gitea
synced 2024-12-23 01:47:59 +01:00
027014d7de
Follow: * #22697 There are some bugs in #22697: * https://github.com/go-gitea/gitea/pull/22697#issuecomment-1577957966 * the webauthn failure message is never shown and causes console error * The `document.getElementById('register-button')` and `document.getElementById('login-button')` is wrong * there is no such element in code * it causes JS error when a browser doesn't provide webauthn * the end user can't see the real error message These bugs are fixed in this PR. Other changes: * Use simple HTML/CSS layouts, no need to use too many `gt-` patches * Make the webauthn page have correct "page-content" layout * The "data-webauthn-error-msg" elements are only used to provide locale texts, so move them into a single "gt-hidden", then no need to repeat a lot of "gt-hidden" in code * The `{{.CsrfTokenHtml}}` is a no-op because there is no form * Many `hideElem('#webauthn-error')` in code is no-op because the `webauthn-error` already has "gt-hidden" by default * Make the tests for "URLEncodedBase64" really test with concrete cases. Screenshots: * Error message when webauthn fails (before, there is no error message): <details> ![image](https://github.com/go-gitea/gitea/assets/2114189/93cf9559-d93b-4f06-9d98-0f7032d9c65b) </details> * Error message when webauthn is unavailable <details> ![image](https://github.com/go-gitea/gitea/assets/2114189/ffc0fcd9-b93b-4418-979c-c89bb627aaf2) </details>
150 lines
7.2 KiB
JavaScript
150 lines
7.2 KiB
JavaScript
import {expect, test} from 'vitest';
|
|
import {
|
|
basename, extname, isObject, stripTags, joinPaths, parseIssueHref,
|
|
parseUrl, translateMonth, translateDay, blobToDataURI,
|
|
toAbsoluteUrl, encodeURLEncodedBase64, decodeURLEncodedBase64,
|
|
} from './utils.js';
|
|
|
|
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('/path/to/file.js')).toEqual('.js');
|
|
expect(extname('/path/')).toEqual('');
|
|
expect(extname('/path')).toEqual('');
|
|
expect(extname('file.js')).toEqual('.js');
|
|
});
|
|
|
|
test('joinPaths', () => {
|
|
expect(joinPaths('', '')).toEqual('');
|
|
expect(joinPaths('', 'b')).toEqual('b');
|
|
expect(joinPaths('', '/b')).toEqual('/b');
|
|
expect(joinPaths('', '/b/')).toEqual('/b/');
|
|
expect(joinPaths('a', '')).toEqual('a');
|
|
expect(joinPaths('/a', '')).toEqual('/a');
|
|
expect(joinPaths('/a/', '')).toEqual('/a/');
|
|
expect(joinPaths('a', 'b')).toEqual('a/b');
|
|
expect(joinPaths('a', '/b')).toEqual('a/b');
|
|
expect(joinPaths('/a', '/b')).toEqual('/a/b');
|
|
expect(joinPaths('/a', '/b')).toEqual('/a/b');
|
|
expect(joinPaths('/a/', '/b')).toEqual('/a/b');
|
|
expect(joinPaths('/a', '/b/')).toEqual('/a/b/');
|
|
expect(joinPaths('/a/', '/b/')).toEqual('/a/b/');
|
|
|
|
expect(joinPaths('', '', '')).toEqual('');
|
|
expect(joinPaths('', 'b', '')).toEqual('b');
|
|
expect(joinPaths('', 'b', 'c')).toEqual('b/c');
|
|
expect(joinPaths('', '', 'c')).toEqual('c');
|
|
expect(joinPaths('', '/b', '/c')).toEqual('/b/c');
|
|
expect(joinPaths('/a', '', '/c')).toEqual('/a/c');
|
|
expect(joinPaths('/a', '/b', '')).toEqual('/a/b');
|
|
|
|
expect(joinPaths('', '/')).toEqual('/');
|
|
expect(joinPaths('a', '/')).toEqual('a/');
|
|
expect(joinPaths('', '/', '/')).toEqual('/');
|
|
expect(joinPaths('/', '/')).toEqual('/');
|
|
expect(joinPaths('/', '')).toEqual('/');
|
|
expect(joinPaths('/', 'b')).toEqual('/b');
|
|
expect(joinPaths('/', 'b/')).toEqual('/b/');
|
|
expect(joinPaths('/', '', '/')).toEqual('/');
|
|
expect(joinPaths('/', 'b', '/')).toEqual('/b/');
|
|
expect(joinPaths('/', 'b/', '/')).toEqual('/b/');
|
|
expect(joinPaths('a', '/', '/')).toEqual('a/');
|
|
expect(joinPaths('/', '/', 'c')).toEqual('/c');
|
|
expect(joinPaths('/', '/', 'c/')).toEqual('/c/');
|
|
});
|
|
|
|
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({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('/owner/repo/pulls/1?query')).toEqual({owner: 'owner', repo: 'repo', type: 'pulls', index: '1'});
|
|
expect(parseIssueHref('/owner/repo/issues/1#hash')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('/sub/owner/repo/issues/1')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/pulls/1')).toEqual({owner: 'owner', repo: 'repo', type: 'pulls', index: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/issues/1?query')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('/sub/sub2/owner/repo/issues/1#hash')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/issues/1')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/pulls/1?query')).toEqual({owner: 'owner', repo: 'repo', type: 'pulls', index: '1'});
|
|
expect(parseIssueHref('https://example.com/owner/repo/issues/1#hash')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/owner/repo/issues/1')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/pulls/1')).toEqual({owner: 'owner', repo: 'repo', type: 'pulls', index: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1?query')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('https://example.com/sub/sub2/owner/repo/issues/1#hash')).toEqual({owner: 'owner', repo: 'repo', type: 'issues', index: '1'});
|
|
expect(parseIssueHref('')).toEqual({owner: undefined, repo: undefined, type: undefined, index: undefined});
|
|
});
|
|
|
|
test('parseUrl', () => {
|
|
expect(parseUrl('').pathname).toEqual('/');
|
|
expect(parseUrl('/path').pathname).toEqual('/path');
|
|
expect(parseUrl('/path?search').pathname).toEqual('/path');
|
|
expect(parseUrl('/path?search').search).toEqual('?search');
|
|
expect(parseUrl('/path?search#hash').hash).toEqual('#hash');
|
|
expect(parseUrl('https://localhost/path').pathname).toEqual('/path');
|
|
expect(parseUrl('https://localhost/path?search').pathname).toEqual('/path');
|
|
expect(parseUrl('https://localhost/path?search').search).toEqual('?search');
|
|
expect(parseUrl('https://localhost/path?search#hash').hash).toEqual('#hash');
|
|
});
|
|
|
|
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('toAbsoluteUrl', () => {
|
|
expect(toAbsoluteUrl('//host/dir')).toEqual('http://host/dir');
|
|
expect(toAbsoluteUrl('https://host/dir')).toEqual('https://host/dir');
|
|
|
|
expect(toAbsoluteUrl('')).toEqual('http://localhost:3000');
|
|
expect(toAbsoluteUrl('/user/repo')).toEqual('http://localhost:3000/user/repo');
|
|
|
|
expect(() => toAbsoluteUrl('path')).toThrowError('unsupported');
|
|
});
|
|
|
|
const uint8array = (s) => new TextEncoder().encode(s);
|
|
test('encodeURLEncodedBase64, decodeURLEncodedBase64', () => {
|
|
expect(encodeURLEncodedBase64(uint8array('AA?'))).toEqual('QUE_'); // standard base64: "QUE/"
|
|
expect(encodeURLEncodedBase64(uint8array('AA~'))).toEqual('QUF-'); // standard base64: "QUF+"
|
|
|
|
expect(decodeURLEncodedBase64('QUE/')).toEqual(uint8array('AA?'));
|
|
expect(decodeURLEncodedBase64('QUF+')).toEqual(uint8array('AA~'));
|
|
expect(decodeURLEncodedBase64('QUE_')).toEqual(uint8array('AA?'));
|
|
expect(decodeURLEncodedBase64('QUF-')).toEqual(uint8array('AA~'));
|
|
|
|
expect(encodeURLEncodedBase64(uint8array('a'))).toEqual('YQ'); // standard base64: "YQ=="
|
|
expect(decodeURLEncodedBase64('YQ')).toEqual(uint8array('a'));
|
|
expect(decodeURLEncodedBase64('YQ==')).toEqual(uint8array('a'));
|
|
});
|