FilesExpand file tree

 patch-2

/

github-tab-header-view.test.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

109 lines (87 loc) · 3.34 KB

 patch-2

/

github-tab-header-view.test.js

Copy path

Top

File metadata and controls

• Code
• Blame

109 lines (87 loc) · 3.34 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

import React from 'react';

import {shallow} from 'enzyme';

import path from 'path';

import {nullAuthor} from '../../lib/models/author';

import GithubTabHeaderView from '../../lib/views/github-tab-header-view';

describe('GithubTabHeaderView', function() {

function *createWorkdirs(workdirs) {

for (const workdir of workdirs) {

yield workdir;

}

}

function build(options = {}) {

const props = {

user: nullAuthor,

workdir: null,

workdirs: createWorkdirs([]),

contextLocked: false,

changingWorkDir: false,

changingLock: false,

handleWorkDirChange: () => {},

handleLockToggle: () => {},

...options,

};

return shallow(<GithubTabHeaderView {...props} />);

}

describe('with a select listener and paths', function() {

let wrapper, select;

const path1 = path.normalize('test/path/project1');

const path2 = path.normalize('2nd-test/path/project2');

const paths = [path1, path2];

beforeEach(function() {

select = sinon.spy();

wrapper = build({handleWorkDirChange: select, workdirs: createWorkdirs(paths), workdir: path2});

});

it('renders an option for all given working directories', function() {

wrapper.find('option').forEach(function(node, index) {

assert.strictEqual(node.props().value, paths[index]);

assert.strictEqual(node.children().text(), path.basename(paths[index]));

});

});

it('selects the current working directory\'s path', function() {

assert.strictEqual(wrapper.find('select').props().value, path2);

});

it('calls handleWorkDirSelect on select', function() {

wrapper.find('select').simulate('change', {target: {value: path1}});

assert.isTrue(select.calledWith({target: {value: path1}}));

});

});

describe('context lock control', function() {

it('renders locked when the lock is engaged', function() {

const wrapper = build({contextLocked: true});

assert.isTrue(wrapper.exists('Octicon[icon="lock"]'));

});

it('renders unlocked when the lock is disengaged', function() {

const wrapper = build({contextLocked: false});

assert.isTrue(wrapper.exists('Octicon[icon="unlock"]'));

});

it('calls handleLockToggle when the lock is clicked', function() {

const handleLockToggle = sinon.spy();

const wrapper = build({handleLockToggle});

wrapper.find('button').simulate('click');

assert.isTrue(handleLockToggle.called);

});

});

describe('when changes are in progress', function() {

it('disables the workdir select while the workdir is changing', function() {

const wrapper = build({changingWorkDir: true});

assert.isTrue(wrapper.find('select').prop('disabled'));

});

it('disables the context lock toggle while the context lock is changing', function() {

const wrapper = build({changingLock: true});

assert.isTrue(wrapper.find('button').prop('disabled'));

});

});

describe('with falsish props', function() {

let wrapper;

beforeEach(function() {

wrapper = build();

});

it('renders no options', function() {

assert.isFalse(wrapper.find('select').children().exists());

});

it('renders an avatar placeholder', function() {

assert.strictEqual(wrapper.find('img.github-Project-avatar').prop('src'), 'atom://github/img/avatar.svg');

});

});

});