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
|
import { shallowMount } from '@vue/test-utils';
import { __ } from '~/locale';
import NotesActivityHeader from '~/notes/components/notes_activity_header.vue';
import DiscussionFilter from '~/notes/components/discussion_filter.vue';
import TimelineToggle from '~/notes/components/timeline_toggle.vue';
import createStore from '~/notes/stores';
import waitForPromises from 'helpers/wait_for_promises';
import { notesFilters } from '../mock_data';
describe('~/notes/components/notes_activity_header.vue', () => {
let wrapper;
const findTitle = () => wrapper.find('h2');
const createComponent = ({ props = {}, ...options } = {}) => {
wrapper = shallowMount(NotesActivityHeader, {
propsData: {
notesFilters,
...props,
},
// why: Rendering async timeline toggle requires store
store: createStore(),
...options,
});
};
describe('default', () => {
beforeEach(() => {
createComponent();
});
it('renders title', () => {
expect(findTitle().text()).toBe(__('Activity'));
});
it('renders discussion filter', () => {
expect(wrapper.findComponent(DiscussionFilter).props()).toEqual({
filters: notesFilters,
selectedValue: 0,
});
});
it('does not render timeline toggle', () => {
expect(wrapper.findComponent(TimelineToggle).exists()).toBe(false);
});
});
it('with notesFilterValue prop, passes to discussion filter', () => {
createComponent({ props: { notesFilterValue: 1 } });
expect(wrapper.findComponent(DiscussionFilter).props('selectedValue')).toBe(1);
});
it('with showTimelineViewToggle injected, renders timeline toggle asynchronously', async () => {
createComponent({ provide: { showTimelineViewToggle: () => true } });
expect(wrapper.findComponent(TimelineToggle).exists()).toBe(false);
await waitForPromises();
expect(wrapper.findComponent(TimelineToggle).exists()).toBe(true);
});
});
|
