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
|
import { screen } from '@testing-library/dom';
import { useOverclockTimers } from 'test_helpers/utils/overclock_timers';
import * as ideHelper from './helpers/ide_helper';
import startWebIDE from './helpers/start';
describe('IDE: User opens a file in the Web IDE', () => {
useOverclockTimers();
let vm;
let container;
beforeEach(async () => {
setFixtures('<div class="webide-container"></div>');
container = document.querySelector('.webide-container');
vm = startWebIDE(container);
await screen.findByText('README'); // wait for file tree to load
});
afterEach(() => {
vm.$destroy();
vm = null;
});
describe('user opens a directory', () => {
beforeEach(async () => {
await ideHelper.openFile('files/images');
await screen.findByText('logo-white.png');
});
it('expands directory in the left sidebar', () => {
expect(ideHelper.getFilesList()).toEqual(
expect.arrayContaining(['html', 'js', 'images', 'logo-white.png']),
);
});
});
describe('user opens a text file', () => {
beforeEach(async () => {
await ideHelper.openFile('README.md');
await ideHelper.waitForTabToOpen('README.md');
});
it('opens the file in monaco editor', async () => {
expect(await ideHelper.getEditorValue()).toContain('Sample repo for testing gitlab features');
});
describe('user switches to review mode', () => {
beforeEach(() => {
ideHelper.switchLeftSidebarTab('Review');
});
it('shows diff editor', async () => {
expect(await ideHelper.findMonacoDiffEditor()).toBeDefined();
});
});
});
describe('user opens an image file', () => {
beforeEach(async () => {
await ideHelper.openFile('files/images/logo-white.png');
await ideHelper.waitForTabToOpen('logo-white.png');
});
it('opens image viewer for the file', async () => {
const viewer = await screen.findByTestId('image-viewer');
const img = viewer.querySelector('img');
expect(img.src).toContain('logo-white.png');
});
});
describe('user opens a binary file', () => {
beforeEach(async () => {
await ideHelper.openFile('Gemfile.zip');
await ideHelper.waitForTabToOpen('Gemfile.zip');
});
it('opens image viewer for the file', async () => {
const downloadButton = await screen.findByText('Download');
expect(downloadButton.getAttribute('download')).toEqual('Gemfile.zip');
expect(downloadButton.getAttribute('href')).toContain('/raw/');
});
});
});
|
