Files
mattermost-mobile/app/utils/url/test.ts
Elias Nahum 983d0aab66 Fix matchDeepLink when server is on a subpath (#7010)
* Fixes matchDeepLink when server is in a subpath

* Fix matchDeepLink when serverUrl is in a subpath
2023-01-25 15:04:05 +02:00

323 lines
12 KiB
TypeScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {Linking} from 'react-native';
import DeepLinkType from '@constants/deep_linking';
import TestHelper from '@test/test_helper';
import {matchDeepLink, parseDeepLink} from '@utils/deep_link';
import * as UrlUtils from '@utils/url';
/* eslint-disable max-nested-callbacks */
describe('UrlUtils', () => {
describe('isImageLink', () => {
it('not an image link', () => {
const link = 'https://mattermost.com/index.html';
expect(UrlUtils.isImageLink(link)).toEqual(false);
});
it('a png link', () => {
const link = 'https://mattermost.com/image.png';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
it('a jpg link', () => {
const link = 'https://mattermost.com/assets/image.jpeg';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
it('a jpeg link', () => {
const link = 'https://mattermost.com/logo.jpeg';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
it('a bmp link', () => {
const link = 'https://images.mattermost.com/foo/bar/asdf.bmp';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
it('a gif link', () => {
const link = 'https://mattermost.com/jif.gif';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
it('a link with a query parameter', () => {
const link = 'https://mattermost.com/image.png?hash=foobar';
expect(UrlUtils.isImageLink(link)).toEqual(true);
});
});
describe('getYouTubeVideoId', () => {
const tests = [
['https://youtu.be/zrFWrmPgfzc', 'zrFWrmPgfzc'],
['https://youtu.be/zrFWrmPgfzc?t=10s', 'zrFWrmPgfzc'],
[
'https://www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be',
'zrFWrmPgfzc',
],
['https://www.youtube.com/watch?v=zrFWrmPgfzc&t=10s', 'zrFWrmPgfzc'],
['https://www.youtube.com/watch?t=10s&v=zrFWrmPgfzc', 'zrFWrmPgfzc'],
];
for (const test of tests) {
const input = test[0];
const expected = test[1];
it(input, () => {
expect(UrlUtils.getYouTubeVideoId(input)).toEqual(expected);
});
}
});
describe('stripTrailingSlashes', () => {
it('should return the same url', () => {
const url =
'https://www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be';
expect(UrlUtils.stripTrailingSlashes(url)).toEqual(url);
});
it('should return an url without the initial //', () => {
const url = '//www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be';
const expected = 'www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be';
expect(UrlUtils.stripTrailingSlashes(url)).toEqual(expected);
});
it('should return an url without the initial // and the lasts ////', () => {
const url = '//www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be////';
const expected = 'www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be';
expect(UrlUtils.stripTrailingSlashes(url)).toEqual(expected);
});
it('should return an url without the initial // and the lasts //// or spaces', () => {
const url =
'https: //www .y o u t u be .co m/watch ?v=z r FW r mP gf zc& fe atu r e = you tu .be////';
const expected =
'https://www.youtube.com/watch?v=zrFWrmPgfzc&feature=youtu.be';
expect(UrlUtils.stripTrailingSlashes(url)).toEqual(expected);
});
});
describe('removeProtocol', () => {
const tests = [
{
name: 'should return url without http protocol prefix',
url: 'http://localhost:8065',
expected: 'localhost:8065',
},
{
name: 'should return url without https protocol prefix',
url: 'https://localhost:8065',
expected: 'localhost:8065',
},
{name: 'should return null', url: '', expected: ''},
{
name: 'should return url without arbitrary protocol prefix',
url: 'udp://localhost:8065',
expected: 'localhost:8065',
},
];
for (const test of tests) {
const {name, url, expected} = test;
it(name, () => {
expect(UrlUtils.removeProtocol(url)).toEqual(expected);
});
}
});
describe('matchDeepLink', () => {
const URL_NO_PROTOCOL = 'localhost:8065';
const URL_PATH_NO_PROTOCOL = 'localhost:8065/subpath';
const SITE_URL = `http://${URL_NO_PROTOCOL}`;
const SERVER_URL = `http://${URL_NO_PROTOCOL}`;
const SERVER_WITH_SUBPATH = `http://${URL_PATH_NO_PROTOCOL}`;
const DEEPLINK_URL_ROOT = `mattermost://${URL_NO_PROTOCOL}`;
const tests = [
{
name: 'should return null if all inputs are empty',
input: {url: '', serverURL: '', siteURL: ''},
expected: {type: 'invalid'},
},
{
name: 'should return null if any of the input is null',
input: {url: '', serverURL: '', siteURL: null},
expected: {type: 'invalid'},
},
{
name: 'should return null if any of the input is null',
input: {url: '', serverURL: null, siteURL: ''},
expected: {type: 'invalid'},
},
{
name: 'should return null if any of the input is null',
input: {url: null, serverURL: '', siteURL: ''},
expected: {type: 'invalid'},
},
{
name: 'should return null for not supported link',
input: {
url: 'https://otherserver.com',
serverURL: SERVER_URL,
siteURL: SITE_URL,
},
expected: {type: 'invalid'},
},
{
name: 'should return null despite url subset match',
input: {url: 'http://myserver.com', serverURL: 'http://myserver.co'},
expected: {type: 'invalid'},
},
{
name: 'should match despite no server URL in input link',
input: {
url: '/ad-1/pl/qe93kkfd7783iqwuwfcwcxbsgy',
serverURL: SERVER_URL,
siteURL: SITE_URL,
},
expected: {
data: {
postId: 'qe93kkfd7783iqwuwfcwcxbsgy',
serverUrl: URL_NO_PROTOCOL,
teamName: 'ad-1',
},
type: DeepLinkType.Permalink,
},
},
{
name: 'should match channel link',
input: {
url: SITE_URL + '/ad-1/channels/town-square',
serverURL: SERVER_URL,
siteURL: SITE_URL,
},
expected: {
data: {
channelName: 'town-square',
serverUrl: URL_NO_PROTOCOL,
teamName: 'ad-1',
},
type: DeepLinkType.Channel,
},
},
{
name: 'should match permalink',
input: {
url: SITE_URL + '/ad-1/pl/qe93kkfd7783iqwuwfcwcxbsgy',
serverURL: SERVER_URL,
siteURL: SITE_URL,
},
expected: {
data: {
postId: 'qe93kkfd7783iqwuwfcwcxbsgy',
serverUrl: URL_NO_PROTOCOL,
teamName: 'ad-1',
},
type: DeepLinkType.Permalink,
},
},
{
name: 'should match channel link with deeplink prefix',
input: {
url: DEEPLINK_URL_ROOT + '/ad-1/channels/town-square',
serverURL: SERVER_URL,
siteURL: SITE_URL,
},
expected: {
data: {
channelName: 'town-square',
serverUrl: URL_NO_PROTOCOL,
teamName: 'ad-1',
},
type: DeepLinkType.Channel,
},
},
{
name: 'should match permalink with deeplink prefix on a Server hosted in a Subpath',
input: {
url: DEEPLINK_URL_ROOT + '/subpath/ad-1/pl/qe93kkfd7783iqwuwfcwcxbsrr',
serverURL: SERVER_WITH_SUBPATH,
siteURL: SERVER_WITH_SUBPATH,
},
expected: {
data: {
postId: 'qe93kkfd7783iqwuwfcwcxbsrr',
serverUrl: URL_PATH_NO_PROTOCOL,
teamName: 'ad-1',
},
type: 'permalink',
},
},
{
name: 'should match permalink on a Server hosted in a Subpath',
input: {
url: SERVER_WITH_SUBPATH + '/ad-1/pl/qe93kkfd7783iqwuwfcwcxbsrr',
serverURL: SERVER_WITH_SUBPATH,
siteURL: SERVER_WITH_SUBPATH,
},
expected: {
data: {
postId: 'qe93kkfd7783iqwuwfcwcxbsrr',
serverUrl: URL_PATH_NO_PROTOCOL,
teamName: 'ad-1',
},
type: 'permalink',
},
},
{
name: 'should not match url',
input: {
url: 'https://github.com/mattermost/mattermost-mobile/issues/new',
serverURL: SERVER_WITH_SUBPATH,
siteURL: SERVER_WITH_SUBPATH,
},
expected: {
type: 'invalid',
},
},
];
for (const test of tests) {
const {name, input, expected} = test;
it(name, () => {
const match = matchDeepLink(input.url!, input.serverURL!, input.siteURL!);
const parsed = parseDeepLink(match);
Reflect.deleteProperty(parsed, 'url');
expect(parsed).toEqual(expected);
});
}
});
describe('tryOpenUrl', () => {
const url = 'https://some.url.com';
it('should call onSuccess when Linking.openURL succeeds', async () => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
Linking.openURL.mockResolvedValueOnce();
const onError = jest.fn();
const onSuccess = jest.fn();
await UrlUtils.tryOpenURL(url, onError, onSuccess);
expect(onError).not.toHaveBeenCalled();
expect(onSuccess).toHaveBeenCalledTimes(1);
});
it('should call onError when Linking.openURL fails', async () => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
Linking.openURL.mockRejectedValueOnce();
const onError = jest.fn();
const onSuccess = jest.fn();
UrlUtils.tryOpenURL(url, onError, onSuccess);
await TestHelper.wait(200);
expect(onError).toHaveBeenCalledTimes(1);
expect(onSuccess).not.toHaveBeenCalled();
});
});
});