mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-06 03:13:42 -05:00
231 lines
7.6 KiB
JavaScript
231 lines
7.6 KiB
JavaScript
|
const helpers = require('./support/helpers');
|
|||
|
|
|
|||
|
|
beforeAll(() => {
|
|||
|
|
|
|||
|
|
require('../../app/assets/javascripts/govuk/cookie-functions.js');
|
|||
|
|
require('../../app/assets/javascripts/analytics/analytics.js');
|
|||
|
|
require('../../app/assets/javascripts/analytics/init.js');
|
|||
|
|
require('../../app/assets/javascripts/cookieMessage.js');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
afterAll(() => {
|
|||
|
|
|
|||
|
|
require('./support/teardown.js');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
describe("Cookie message", () => {
|
|||
|
|
|
|||
|
|
let cookieMessage;
|
|||
|
|
|
|||
|
|
beforeAll(() => {
|
|||
|
|
|
|||
|
|
helpers.deleteCookie('cookies-policy');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
beforeEach(() => {
|
|||
|
|
|
|||
|
|
// add the script GA looks for in the document
|
|||
|
|
document.body.appendChild(document.createElement('script'));
|
|||
|
|
|
|||
|
|
jest.spyOn(window.GOVUK, 'initAnalytics');
|
|||
|
|
|
|||
|
|
cookieMessage = `
|
|||
|
|
<div id="global-cookie-message" class="notify-cookie-banner" data-module="cookie-banner" role="region" aria-label="cookie banner" data-nosnippet="">
|
|||
|
|
<div class="notify-cookie-banner__wrapper govuk-width-container govuk-!-padding-4">
|
|||
|
|
<h2 class="notify-cookie-banner__heading govuk-heading-m">Cookies on GOV.UK Notify</h2>
|
|||
|
|
<p class="notify-cookie-banner__message govuk-body">We use <a class="govuk-link" href="/cookies">small files called cookies</a> to make GOV.UK Notify work.</p>
|
|||
|
|
<div class="notify-cookie-banner__buttons notify-cookie-banner__no-js">
|
|||
|
|
<div class="notify-cookie-banner__button">
|
|||
|
|
<a href="/cookies" class="govuk-button notify-cookie-banner-button--inline" role="button" data-accept-cookies="true">Set cookie preferences</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="notify-cookie-banner__with-js">
|
|||
|
|
<p class="notify-cookie-banner__message govuk-body">We'd also like to use analytics cookies to help us improve our service.</p>
|
|||
|
|
<p class="notify-cookie-banner__message govuk-body">Please let us know if this is OK.</p>
|
|||
|
|
<div class="notify-cookie-banner__buttons">
|
|||
|
|
<div class="notify-cookie-banner__button notify-cookie-banner__button-accept">
|
|||
|
|
<button class="govuk-button notify-cookie-banner-button--secondary notify-cookie-banner-button--inline" type="submit" data-accept-cookies="true">Yes, I accept analytics cookies</button>
|
|||
|
|
</div>
|
|||
|
|
<div class="notify-cookie-banner__button notify-cookie-banner__button-reject">
|
|||
|
|
<button class="govuk-button notify-cookie-banner-button--secondary notify-cookie-banner-button--inline" type="submit" data-accept-cookies="false">No, do not use analytics cookies</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="notify-cookie-banner__confirmation govuk-width-container" tabindex="-1">
|
|||
|
|
<p class="notify-cookie-banner__confirmation-message govuk-body">
|
|||
|
|
You can <a class="govuk-link" href="/cookies">change your cookie settings</a> at any time.
|
|||
|
|
</p>
|
|||
|
|
<button class="notify-cookie-banner__hide-button" data-hide-cookie-banner="true">Hide</button>
|
|||
|
|
</div>
|
|||
|
|
</div>`;
|
|||
|
|
|
|||
|
|
document.body.innerHTML += cookieMessage;
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
afterEach(() => {
|
|||
|
|
|
|||
|
|
document.body.innerHTML = '';
|
|||
|
|
|
|||
|
|
// remove cookie set by tests
|
|||
|
|
helpers.deleteCookie('cookies_policy');
|
|||
|
|
|
|||
|
|
// reset spies
|
|||
|
|
window.GOVUK.initAnalytics.mockClear();
|
|||
|
|
|
|||
|
|
// remove analytics tracker
|
|||
|
|
delete window.GOVUK.analytics;
|
|||
|
|
|
|||
|
|
// reset global variable to state when init.js loaded
|
|||
|
|
window['ga-disable-UA-26179049-1'] = true;
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
/*
|
|||
|
|
Note: If no JS, the cookie banner shows a button to take you to the cookies page for more information.
|
|||
|
|
|
|||
|
|
This works through CSS, based on the presence of the `js-enabled` class on the <body> so is not tested here.
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
test("If the cookies set by the old banner still exist, they can be cleared with the `clearOldCookies` method", () => {
|
|||
|
|
|
|||
|
|
helpers.setCookie('seen_cookie_message', 'true', { 'days': 365 });
|
|||
|
|
helpers.setCookie('_ga', 'GA1.1.123.123', { 'days': 365 });
|
|||
|
|
helpers.setCookie('_gid', 'GA1.1.456.456', { 'days': 1 });
|
|||
|
|
|
|||
|
|
window.GOVUK.Modules.CookieBanner.clearOldCookies();
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.cookie('seen_cookie_message')).toBeNull();
|
|||
|
|
expect(window.GOVUK.cookie('_ga')).toBeNull();
|
|||
|
|
expect(window.GOVUK.cookie('_gid')).toBeNull();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("If user has made a choice to give their consent or not, the cookie banner should be hidden", () => {
|
|||
|
|
|
|||
|
|
window.GOVUK.setConsentCookie({ 'analytics': false });
|
|||
|
|
|
|||
|
|
window.GOVUK.modules.start()
|
|||
|
|
|
|||
|
|
expect(helpers.element(document.querySelector('.notify-cookie-banner')).is('hidden')).toBe(true);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
describe("If user hasn't made a choice to give their consent or not", () => {
|
|||
|
|
|
|||
|
|
beforeEach(() => {
|
|||
|
|
|
|||
|
|
window.GOVUK.modules.start();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("The cookie banner should show", () => {
|
|||
|
|
|
|||
|
|
const banner = helpers.element(document.querySelector('.notify-cookie-banner'));
|
|||
|
|
|
|||
|
|
expect(banner.is('hidden')).toBe(false);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("No analytics should run", () => {
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.initAnalytics).not.toHaveBeenCalled();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
describe("If the user clicks the button to accept analytics", () => {
|
|||
|
|
|
|||
|
|
beforeEach(() => {
|
|||
|
|
|
|||
|
|
const acceptButton = document.querySelector('.notify-cookie-banner__button-accept button');
|
|||
|
|
|
|||
|
|
helpers.triggerEvent(acceptButton, 'click');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("the banner should confirm your choice and link to the cookies page as a way to change your mind", () => {
|
|||
|
|
|
|||
|
|
confirmation = helpers.element(document.querySelector('.notify-cookie-banner__confirmation'));
|
|||
|
|
|
|||
|
|
expect(confirmation.is('hidden')).toBe(false);
|
|||
|
|
expect(confirmation.el.textContent.trim()).toEqual(expect.stringMatching(/^You’ve accepted analytics cookies/));
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("If the user clicks the 'hide' button, the banner should be hidden", () => {
|
|||
|
|
|
|||
|
|
const hideButton = document.querySelector('.notify-cookie-banner__hide-button');
|
|||
|
|
const banner = helpers.element(document.querySelector('.notify-cookie-banner'));
|
|||
|
|
|
|||
|
|
helpers.triggerEvent(hideButton, 'click');
|
|||
|
|
|
|||
|
|
expect(banner.is('hidden')).toBe(true);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("The consent cookie should be set, with analytics set to 'true'", () => {
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.getConsentCookie()).toEqual({ 'analytics': true });
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("The analytics should be set up", () => {
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.analytics).toBeDefined();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
describe("If the user clicks the button to reject analytics", () => {
|
|||
|
|
|
|||
|
|
beforeEach(() => {
|
|||
|
|
|
|||
|
|
const rejectButton = document.querySelector('.notify-cookie-banner__button-reject button');
|
|||
|
|
|
|||
|
|
helpers.triggerEvent(rejectButton, 'click');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("the banner should confirm your choice and link to the cookies page as a way to change your mind", () => {
|
|||
|
|
|
|||
|
|
confirmation = helpers.element(document.querySelector('.notify-cookie-banner__confirmation'));
|
|||
|
|
|
|||
|
|
expect(confirmation.is('hidden')).toBe(false);
|
|||
|
|
expect(confirmation.el.textContent.trim()).toEqual(expect.stringMatching(/^You told us not to use analytics cookies/));
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("If the user clicks the 'hide' button, the banner should be hidden", () => {
|
|||
|
|
|
|||
|
|
const hideButton = document.querySelector('.notify-cookie-banner__hide-button');
|
|||
|
|
const banner = helpers.element(document.querySelector('.notify-cookie-banner'));
|
|||
|
|
|
|||
|
|
helpers.triggerEvent(hideButton, 'click');
|
|||
|
|
|
|||
|
|
expect(banner.is('hidden')).toBe(true);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("The consent cookie should be set, with analytics set to 'true'", () => {
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.getConsentCookie()).toEqual({ 'analytics': false });
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
test("The analytics should not be set up", () => {
|
|||
|
|
|
|||
|
|
expect(window.GOVUK.analytics).not.toBeDefined();
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
});
|