2019-12-31 16:49:52 +00:00
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 (() => {
2020-01-14 12:11:40 +00:00
const cookieMessageStyles = document . createElement ( 'style' );
// add the CSS that hides the cookie message by default
cookieMessageStyles . textContent = '.notify-cookie-banner { display: none; }' ;
document . getElementsByTagName ( 'head' )[ 0 ]. appendChild ( cookieMessageStyles );
// protect against any previous tests setting a cookies-policy cookie
2019-12-31 16:49:52 +00:00
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>
2020-02-19 13:49:29 +00:00
<p class="notify-cookie-banner__message govuk-body">We use <a class="govuk-link govuk-link--no-visited-state" href="/cookies">small files called cookies</a> to make GOV.UK Notify work.</p>
2019-12-31 16:49:52 +00:00
<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">
2020-02-19 13:49:29 +00:00
You can <a class="govuk-link govuk-link--no-visited-state" href="/cookies">change your cookie settings</a> at any time.
2019-12-31 16:49:52 +00:00
</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 ;
});
/*
2020-01-08 09:43:34 +00:00
Note: If no JS, the cookie banner is hidden.
2019-12-31 16:49:52 +00:00
This works through CSS, based on the presence of the `js-enabled` class on the <body> so is not tested here.
*/
2020-01-21 09:37:38 +00:00
describe ( "The `clearOldCookies` method" , () => {
2019-12-31 16:49:52 +00:00
2020-01-21 09:37:38 +00:00
test ( "Will clear the seen_cookie_message cookie if it still exists" , () => {
2019-12-31 16:49:52 +00:00
2020-01-21 09:37:38 +00:00
// seen_cookie_message was set on the www domain, which setCookie defaults to
helpers . setCookie ( 'seen_cookie_message' , 'true' , { 'days' : 365 });
2019-12-31 16:49:52 +00:00
2020-01-21 09:37:38 +00:00
window . GOVUK . Modules . CookieBanner . clearOldCookies ({ "analytics" : false });
expect ( window . GOVUK . cookie ( 'seen_cookie_message' )). toBeNull ();
});
test ( "Will clear any existing Google Analytics cookies if consent is not set" , () => {
// GA cookies are set on the root domain
helpers . setCookie ( '_ga' , 'GA1.1.123.123' , { 'days' : 365 , 'domain' : '.notifications.service.gov.uk' });
helpers . setCookie ( '_gid' , 'GA1.1.456.456' , { 'days' : 1 , 'domain' : '.notifications.service.gov.uk' });
window . GOVUK . Modules . CookieBanner . clearOldCookies ( null );
expect ( window . GOVUK . cookie ( '_ga' )). toBeNull ();
expect ( window . GOVUK . cookie ( '_gid' )). toBeNull ();
});
test ( "Will leave any existing Google Analytics cookies if consent is set" , () => {
helpers . setCookie ( '_ga' , 'GA1.1.123.123' , { 'days' : 365 });
helpers . setCookie ( '_gid' , 'GA1.1.456.456' , { 'days' : 1 });
window . GOVUK . Modules . CookieBanner . clearOldCookies ({ "analytics" : true });
expect ( window . GOVUK . cookie ( '_ga' )). not . toBeNull ();
expect ( window . GOVUK . cookie ( '_gid' )). not . toBeNull ();
});
2019-12-31 16:49:52 +00:00
});
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’ ));
});
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 );
});
2020-01-08 17:48:37 +00:00
test ( "The consent cookie should be set, with analytics set to 'false'" , () => {
2019-12-31 16:49:52 +00:00
expect ( window . GOVUK . getConsentCookie ()). toEqual ({ 'analytics' : false });
});
test ( "The analytics should not be set up" , () => {
expect ( window . GOVUK . analytics ). not . toBeDefined ();
});
});
});
});
