1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
import { startRemote } from '@gitlab/web-ide';
import { getBaseConfig, setupRootElement } from '~/ide/lib/gitlab_web_ide';
import { mountRemoteIDE } from '~/ide/remote';
import { TEST_HOST } from 'helpers/test_constants';
import { useMockLocationHelper } from 'helpers/mock_window_location_helper';
jest.mock('@gitlab/web-ide');
jest.mock('~/ide/lib/gitlab_web_ide');
const TEST_DATA = {
remoteHost: 'example.com:3443',
remotePath: 'test/path/gitlab',
cspNonce: 'just7some8noncense',
connectionToken: 'connectAtoken',
returnUrl: 'https://example.com/return',
};
const TEST_BASE_CONFIG = {
gitlabUrl: '/test/gitlab',
};
const TEST_RETURN_URL_SAME_ORIGIN = `${TEST_HOST}/foo/example`;
describe('~/ide/remote/index', () => {
useMockLocationHelper();
const originalHref = window.location.href;
let el;
let rootEl;
beforeEach(() => {
el = document.createElement('div');
Object.entries(TEST_DATA).forEach(([key, value]) => {
el.dataset[key] = value;
});
// Stub setupRootElement so we can assert on return element
rootEl = document.createElement('div');
setupRootElement.mockReturnValue(rootEl);
// Stub getBaseConfig so we can assert
getBaseConfig.mockReturnValue(TEST_BASE_CONFIG);
});
describe('default', () => {
beforeEach(() => {
mountRemoteIDE(el);
});
it('calls startRemote', () => {
expect(startRemote).toHaveBeenCalledWith(rootEl, {
...TEST_BASE_CONFIG,
nonce: TEST_DATA.cspNonce,
connectionToken: TEST_DATA.connectionToken,
remoteAuthority: `/${TEST_DATA.remoteHost}`,
hostPath: `/${TEST_DATA.remotePath}`,
handleError: expect.any(Function),
handleClose: expect.any(Function),
});
});
});
describe.each`
returnUrl | fnName | reloadExpectation | hrefExpectation
${TEST_DATA.returnUrl} | ${'handleError'} | ${1} | ${originalHref}
${TEST_DATA.returnUrl} | ${'handleClose'} | ${1} | ${originalHref}
${TEST_RETURN_URL_SAME_ORIGIN} | ${'handleClose'} | ${0} | ${TEST_RETURN_URL_SAME_ORIGIN}
${TEST_RETURN_URL_SAME_ORIGIN} | ${'handleError'} | ${0} | ${TEST_RETURN_URL_SAME_ORIGIN}
${''} | ${'handleClose'} | ${1} | ${originalHref}
`(
'with returnUrl=$returnUrl and fn=$fnName',
({ returnUrl, fnName, reloadExpectation, hrefExpectation }) => {
beforeEach(() => {
el.dataset.returnUrl = returnUrl;
mountRemoteIDE(el);
});
it('changes location', () => {
expect(window.location.reload).not.toHaveBeenCalled();
const [, config] = startRemote.mock.calls[0];
config[fnName]();
expect(window.location.reload).toHaveBeenCalledTimes(reloadExpectation);
expect(window.location.href).toBe(hrefExpectation);
});
},
);
});
|
