Include -with-hint event labels

Cross domain tracking should behave the same way as
normal event tracking so include event labels including
the -with-hint prefix for parity.

Author: Steve Laing

app/assets/javascripts/modules/track-radio-group.js

@@ -22,16 +22,10 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
 
         var $checkedOption = $submittedForm.find('input:checked')
 
-        var checkedValue = $checkedOption.val();
-
-        if (typeof checkedValue === 'undefined') {
-          checkedValue = 'submitted-without-choosing'
-        }
-
-        GOVUK.analytics.trackEvent('Radio button chosen', checkedValue + (withHint ? '-with-hint' : ''), options)
+        GOVUK.analytics.trackEvent('Radio button chosen', eventTrackingValue($checkedOption, withHint), options)
 
         if (typeof $submittedForm.attr('data-tracking-code') !== 'undefined') {
-          addCrossDomainTracking($submittedForm, $checkedOption, options)
+          addCrossDomainTracking($submittedForm, $checkedOption, options, withHint)
         }
       })
     }
@@ -58,15 +52,28 @@ window.GOVUK.Modules = window.GOVUK.Modules || {};
       }
     }
 
-    function addCrossDomainTracking(element, $checkedOption, options) {
+    function eventTrackingValue(element, withHint) {
+      var value = element.val()
+
+      if (typeof value === 'undefined') {
+        value = 'submitted-without-choosing'
+      }
+
+      if (withHint) {
+        value += '-with-hint'
+      }
+      return value
+    }
+
+    function addCrossDomainTracking(element, $checkedOption, options, withHint) {
       var code = element.attr('data-tracking-code')
       var name = element.attr('data-tracking-name')
       var url = $checkedOption.attr('data-tracking-url')
       var hostname = $('<a>').prop('href', url).prop('hostname')
       var eventOptions = $.extend({ 'trackerName': name }, options)
 
       GOVUK.analytics.addLinkedTrackerDomain(code, name, hostname)
-      GOVUK.analytics.trackEvent('Radio button chosen', $checkedOption.val(), eventOptions)
+      GOVUK.analytics.trackEvent('Radio button chosen', eventTrackingValue($checkedOption, withHint), eventOptions)
     }
   }
 })(window, window.GOVUK);

spec/javascripts/track-radio-group.spec.js

@@ -155,13 +155,15 @@ describe('A radio group tracker', function () {
     var $form, $radioInput
 
     beforeEach(function () {
+      tracker.trackVerifyUser(element, { status: 'OK', value: true })
+
       spyOn(GOVUK.analytics, 'addLinkedTrackerDomain')
 
       var $form = element.find('form')
       $form.attr('data-tracking-code', 'UA-xxxxxx')
       $form.attr('data-tracking-name', 'testTracker')
 
-      var $radioInput = element.find('input[value="government-gateway"]')
+      var $radioInput = element.find('input[value="govuk-verify"]')
       $radioInput.attr('data-tracking-url', 'https://test.service.gov.uk')
 
       $radioInput.trigger('click')
@@ -176,7 +178,7 @@ describe('A radio group tracker', function () {
 
     it('sends an event to the linked tracker', function() {
       expect(GOVUK.analytics.trackEvent).toHaveBeenCalledWith(
-        'Radio button chosen', 'government-gateway', { trackerName: 'testTracker', transport: 'beacon' }
+        'Radio button chosen', 'govuk-verify-with-hint', { trackerName: 'testTracker', transport: 'beacon' }
       )
     })
   })