This repository has been archived by the owner on Oct 9, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 47
/
AnalyticsContainer.test.js
126 lines (98 loc) · 3.94 KB
/
AnalyticsContainer.test.js
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
/*
* Backpack - Skyscanner's Design System
*
* Copyright 2016-2019 Skyscanner Ltd
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import renderer from 'react-test-renderer';
import ReactDOM from 'react-dom';
import AnalyticsContanier from './AnalyticsContainer';
jest.mock('../../helpers/google-analytics-helper', () => ({
...jest.requireActual('../../helpers/google-analytics-helper'),
startGoogleAnalytics: jest.fn(),
}));
jest.mock('../../helpers/localstorage', () => ({
getItem: jest.fn(),
setItem: jest.fn(),
}));
const localStorage = jest.requireMock('../../helpers/localstorage');
const ga = jest.requireMock('../../helpers/google-analytics-helper');
const storageKey = 'BPK_DOCS_accept-cookies';
describe('AnalyticsContainer', () => {
afterEach(() => {
ga.startGoogleAnalytics.mockClear();
localStorage.getItem.mockClear();
localStorage.setItem.mockClear();
});
it('renders correctly', () => {
const tree = renderer.create(<AnalyticsContanier />).toJSON();
expect(tree).toMatchSnapshot();
});
it('rejects analytics when `reject` is clicked', () => {
const container = document.createElement('div');
document.body.appendChild(container);
ReactDOM.render(<AnalyticsContanier />, container);
const rejectButton = container.querySelector(
"[data-testid='reject-button']",
);
rejectButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
expect(localStorage.setItem).toHaveBeenCalled();
expect(localStorage.setItem.mock.calls[0][0]).toBe(storageKey);
expect(localStorage.setItem.mock.calls[0][1]).toBe(false);
expect(container.querySelector("[data-testid='cookie-banner']")).toBe(null);
});
it('accepts and starts analytics when `accept` is clicked', () => {
const container = document.createElement('div');
document.body.appendChild(container);
ReactDOM.render(<AnalyticsContanier />, container);
const rejectButton = container.querySelector(
"[data-testid='accept-button']",
);
rejectButton.dispatchEvent(new MouseEvent('click', { bubbles: true }));
expect(localStorage.setItem).toHaveBeenCalled();
expect(localStorage.setItem.mock.calls[0][0]).toBe(storageKey);
expect(localStorage.setItem.mock.calls[0][1]).toBe(true);
expect(ga.startGoogleAnalytics).toHaveBeenCalled();
expect(container.querySelector("[data-testid='cookie-banner']")).toBe(null);
});
describe('when consent has been denied', () => {
beforeEach(() => {
localStorage.getItem.mockReturnValue('false');
});
it('renders correctly', () => {
const tree = renderer.create(<AnalyticsContanier />).toJSON();
expect(tree).toMatchSnapshot();
expect(localStorage.getItem).toHaveBeenCalledWith(storageKey);
});
it('does not trigger startGoogleAnalytics', () => {
renderer.create(<AnalyticsContanier />);
expect(ga.startGoogleAnalytics).not.toHaveBeenCalled();
});
});
describe('when consent has been granted', () => {
beforeEach(() => {
localStorage.getItem.mockReturnValue('true');
});
it('renders correctly', () => {
const tree = renderer.create(<AnalyticsContanier />).toJSON();
expect(tree).toMatchSnapshot();
expect(localStorage.getItem).toHaveBeenCalledWith(storageKey);
});
it('triggers startGoogleAnalytics', () => {
renderer.create(<AnalyticsContanier />);
expect(ga.startGoogleAnalytics).toHaveBeenCalled();
});
});
});