govuk_frontend_toolkit 4.18.3 → 4.18.4

data/app/assets/spec/unit/primary-links.spec.js

@@ -1,49 +1,55 @@
-describe('primary-links', function(){
-  var shortList, mediumList, longList;
+/* global describe it expect beforeEach spyOn */
+
+var $ = window.jQuery
+
+describe('primary-links', function () {
+  'use strict'
+  var GOVUK = window.GOVUK
+
+  var shortList, mediumList
 
   beforeEach(function () {
-    shortList = $('<ul><li class="primary">one</li><li>two</li></ul>');
-    mediumList = $('<ul><li class="primary">one</li><li>two</li><li>three</li></ul>');
-    longList = $('<ul><li class="primary">one</li><li class="primary">two</li><li>three</li><li>four</li></ul>');
-  });
-
-  it('visually hides extra links', function(){
-    var list = new GOVUK.PrimaryList(mediumList, '.primary');
-    
-    expect(mediumList.find('.visuallyhidden').length).toBe(2);
-  });
-
-  it('creates appropriate toggle text', function(){
-    var short = new GOVUK.PrimaryList(shortList, '.primary');
-    var medium = new GOVUK.PrimaryList(mediumList, '.primary');
-    
-    expect(short.toggleText()).toEqual('+1 other');
-    expect(medium.toggleText()).toEqual('+2 others');
-  });
-
-  it('add a toggle link', function(){
-    var container = $('<div>').append(mediumList);
-    var list = new GOVUK.PrimaryList(mediumList, '.primary');
-
-    expect(container.find('a').length).toBe(1);
-  });
-
-  it('show extra links when toggled', function(){
-    var list = new GOVUK.PrimaryList(mediumList, '.primary');
-    var event = { preventDefault: function(){} };
-    spyOn(event, 'preventDefault');
-    spyOn(list, 'showExtraLinks');
-
-    list.toggleLinks(event);
-    expect(event.preventDefault).toHaveBeenCalled();
-    expect(list.showExtraLinks).toHaveBeenCalled();
-  });
-
-  it('only adds toggle if more than one extra link', function(){
-    var short = new GOVUK.PrimaryList(shortList, '.primary');
-    var medium = new GOVUK.PrimaryList(mediumList, '.primary');
-    
-    expect(shortList.find('.visuallyhidden').length).toBe(0);
-    expect(mediumList.find('.visuallyhidden').length).toBe(2);
-  });
-});
+    shortList = $('<ul><li class="primary">one</li><li>two</li></ul>')
+    mediumList = $('<ul><li class="primary">one</li><li>two</li><li>three</li></ul>')
+  })
+
+  it('visually hides extra links', function () {
+    new GOVUK.PrimaryList(mediumList, '.primary') // eslint-disable-line no-new
+
+    expect(mediumList.find('.visuallyhidden').length).toBe(2)
+  })
+
+  it('creates appropriate toggle text', function () {
+    var short = new GOVUK.PrimaryList(shortList, '.primary')
+    var medium = new GOVUK.PrimaryList(mediumList, '.primary')
+
+    expect(short.toggleText()).toEqual('+1 other')
+    expect(medium.toggleText()).toEqual('+2 others')
+  })
+
+  it('add a toggle link', function () {
+    var container = $('<div>').append(mediumList)
+    new GOVUK.PrimaryList(mediumList, '.primary') // eslint-disable-line no-new
+
+    expect(container.find('a').length).toBe(1)
+  })
+
+  it('show extra links when toggled', function () {
+    var list = new GOVUK.PrimaryList(mediumList, '.primary')
+    var event = { preventDefault: function () {} }
+    spyOn(event, 'preventDefault')
+    spyOn(list, 'showExtraLinks')
+
+    list.toggleLinks(event)
+    expect(event.preventDefault).toHaveBeenCalled()
+    expect(list.showExtraLinks).toHaveBeenCalled()
+  })
+
+  it('only adds toggle if more than one extra link', function () {
+    new GOVUK.PrimaryList(shortList, '.primary') // eslint-disable-line no-new
+    new GOVUK.PrimaryList(mediumList, '.primary') // eslint-disable-line no-new
+
+    expect(shortList.find('.visuallyhidden').length).toBe(0)
+    expect(mediumList.find('.visuallyhidden').length).toBe(2)
+  })
+})

data/app/assets/spec/unit/selection-button.spec.js

@@ -1,9 +1,17 @@
-describe("selection-buttons", function () {
-  var $radioButtons,
-      $radioLabels,
-      $checkboxButtons,
-      $checkboxLabels,
-      buttonsInstance;
+/* global describe it expect beforeEach afterEach spyOn */
+
+var $ = window.jQuery
+
+describe('selection-buttons', function () {
+  'use strict'
+  var GOVUK = window.GOVUK
+
+  var $radioButtons
+  var $radioLabels
+  var $checkboxButtons
+  var $checkboxLabels
+  var buttonsInstance
+  var $content
 
   beforeEach(function () {
     $radioLabels = $(
@@ -19,7 +27,7 @@ describe("selection-buttons", function () {
           'Large' +
           '<input type="radio" name="size" id="large" value="large" />' +
         '</label>'
-    );
+    )
     $checkboxLabels = $(
         '<label class="selectable">' +
           'Eggs' +
@@ -33,721 +41,721 @@ describe("selection-buttons", function () {
           'Fruit' +
           '<input id="fruit" name="food" value="fruit" type="checkbox" />' +
         '</label>'
-    );
-    $radioButtons = $radioLabels.find('input');
-    $checkboxButtons = $checkboxLabels.find('input');
-    $radioForm = $('<form action="" method="post" />');
-    $checkboxForm = $('<form action="" method="post" />');
-    $content = $('<div id="content" />');
-    $radioForm.append($radioLabels);
-    $checkboxForm.append($checkboxLabels);
-    $content.append($radioForm);
-    $content.append($checkboxForm);
-    $(document.body).append($content);
-  });
+    )
+    $radioButtons = $radioLabels.find('input')
+    $checkboxButtons = $checkboxLabels.find('input')
+    var $radioForm = $('<form action="" method="post" />')
+    var $checkboxForm = $('<form action="" method="post" />')
+    $content = $('<div id="content" />')
+    $radioForm.append($radioLabels)
+    $checkboxForm.append($checkboxLabels)
+    $content.append($radioForm)
+    $content.append($checkboxForm)
+    $(document.body).append($content)
+  })
 
   afterEach(function () {
-    $content.remove();
-  });
-
-  describe("When buttonsInstance = new GOVUK.SelectionButtons is called with a jQuery object", function () {
-    describe("When that object contains only radio inputs", function () {
-      describe("At the point it is called", function () {
-        it("Should do nothing if no radios are checked", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-
-        it("Should mark checked radios with the selected class", function () {
-          $radioButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark checked radios with the custom selected class if given", function () {
-          $radioButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'selectedClass' : 'selectable-selected' });
-          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If one of those radios receives focus", function () {
-        it("Should add the focused class to that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If one of those radios loses focus", function () {
-        it("Should remove the focused class from that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-
-      describe("If one of those radios is clicked", function () {
-        it("Should mark that radio with the selected class", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should remove the selected class from all other radios", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-          $radioLabels.eq(1).addClass('selected');
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-      });
-    });
-
-    describe("When that object contains only checkbox inputs", function () {
-      describe("At the point it is called", function () {
-        it("Should do nothing if no checkboxes are checked", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-
-        it("Should mark checked checkboxes with the selected class", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark all checked checkboxes with the selected class if there are more than one", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          $checkboxButtons.eq(1).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark checked checkboxes with the custom selected class if given", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'selectedClass' : 'selectable-selected' });
-          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If one of those checkboxes receives focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If one of those checkboxes loses focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-
-      describe("If one of those checkboxes is clicked", function () {
-        it("Should add the selected class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons);
-          $checkboxButtons.eq(0).trigger('click');
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should add the selected class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'selectedClass' : 'selectable-selected' });
-          $checkboxButtons.eq(0).trigger('click');
-          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-    });
-
-    describe("When that object contains a mixture of checkbox and radio inputs", function () {
-      var $mixedButtons;
+    $content.remove()
+  })
+
+  describe('When buttonsInstance = new GOVUK.SelectionButtons is called with a jQuery object', function () {
+    describe('When that object contains only radio inputs', function () {
+      describe('At the point it is called', function () {
+        it('Should do nothing if no radios are checked', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+
+        it('Should mark checked radios with the selected class', function () {
+          $radioButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark checked radios with the custom selected class if given', function () {
+          $radioButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'selectedClass': 'selectable-selected' })
+          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If one of those radios receives focus', function () {
+        it('Should add the focused class to that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If one of those radios loses focus', function () {
+        it('Should remove the focused class from that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons, { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+
+      describe('If one of those radios is clicked', function () {
+        it('Should mark that radio with the selected class', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should remove the selected class from all other radios', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+          $radioLabels.eq(1).addClass('selected')
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+      })
+    })
+
+    describe('When that object contains only checkbox inputs', function () {
+      describe('At the point it is called', function () {
+        it('Should do nothing if no checkboxes are checked', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+
+        it('Should mark checked checkboxes with the selected class', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark all checked checkboxes with the selected class if there are more than one', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          $checkboxButtons.eq(1).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark checked checkboxes with the custom selected class if given', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'selectedClass': 'selectable-selected' })
+          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If one of those checkboxes receives focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If one of those checkboxes loses focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+
+      describe('If one of those checkboxes is clicked', function () {
+        it('Should add the selected class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons)
+          $checkboxButtons.eq(0).trigger('click')
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should add the selected class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($checkboxButtons, { 'selectedClass': 'selectable-selected' })
+          $checkboxButtons.eq(0).trigger('click')
+          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+    })
+
+    describe('When that object contains a mixture of checkbox and radio inputs', function () {
+      var $mixedButtons
 
       beforeEach(function () {
-        $mixedButtons = $checkboxButtons.add($radioButtons);
-      });
-
-      describe("At the point it is called", function () {
-        it("Should do nothing if no checkboxes or radios are checked", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-
-        it("Should mark checked checkboxes or radios with the selected class", function () {
-          $mixedButtons.eq(0).prop('checked', true);
-          $mixedButtons.eq(3).prop('checked', true);
-
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark checked checkboxes or radios with the custom selected class if given", function () {
-          $mixedButtons.eq(0).prop('checked', true);
-          $mixedButtons.eq(3).prop('checked', true);
-
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'selectedClass' : 'selectable-selected' });
-          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If a checkbox in the set receives focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If a checkbox in the set loses focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-
-      describe("If one of those checkboxes is clicked", function () {
-        it("Should add the selected class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $checkboxButtons.eq(0).trigger('click');
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should add the selected class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'selectedClass' : 'selectable-selected' });
-          $checkboxButtons.eq(0).trigger('click');
-          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If a radio in the set receives focus", function () {
-        it("Should add the focused class to that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If a radio in the set loses focus", function () {
-        it("Should remove the focused class from that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-
-      describe("If a radio in the set is clicked", function () {
-        it("Should mark that radio with the selected class", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should remove the selected class from all other radios", function () {
-          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons);
-          $radioLabels.eq(1).addClass('selected');
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-      });
-    });
-  });
-
-  describe("When new GOVUK.SelectionButtons is called with a selector", function () {
-    describe("When that selector matches radio inputs", function () {
+        $mixedButtons = $checkboxButtons.add($radioButtons)
+      })
+
+      describe('At the point it is called', function () {
+        it('Should do nothing if no checkboxes or radios are checked', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+
+        it('Should mark checked checkboxes or radios with the selected class', function () {
+          $mixedButtons.eq(0).prop('checked', true)
+          $mixedButtons.eq(3).prop('checked', true)
+
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark checked checkboxes or radios with the custom selected class if given', function () {
+          $mixedButtons.eq(0).prop('checked', true)
+          $mixedButtons.eq(3).prop('checked', true)
+
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'selectedClass': 'selectable-selected' })
+          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If a checkbox in the set receives focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If a checkbox in the set loses focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+
+      describe('If one of those checkboxes is clicked', function () {
+        it('Should add the selected class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $checkboxButtons.eq(0).trigger('click')
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should add the selected class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'selectedClass': 'selectable-selected' })
+          $checkboxButtons.eq(0).trigger('click')
+          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If a radio in the set receives focus', function () {
+        it('Should add the focused class to that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If a radio in the set loses focus', function () {
+        it('Should remove the focused class from that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons, { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+
+      describe('If a radio in the set is clicked', function () {
+        it('Should mark that radio with the selected class', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should remove the selected class from all other radios', function () {
+          buttonsInstance = new GOVUK.SelectionButtons($mixedButtons)
+          $radioLabels.eq(1).addClass('selected')
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+      })
+    })
+  })
+
+  describe('When new GOVUK.SelectionButtons is called with a selector', function () {
+    describe('When that selector matches radio inputs', function () {
       afterEach(function () {
-        buttonsInstance.destroy();
-      });
-
-      describe("At the point it is called", function () {
-        it("Should mark radios with the selection-button-radio class", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          expect($radioLabels.eq(0).hasClass('selection-button-radio')).toBe(true);
-          expect($radioLabels.eq(1).hasClass('selection-button-radio')).toBe(true);
-          expect($radioLabels.eq(2).hasClass('selection-button-radio')).toBe(true);
-        });
-
-        it("Should not add a selected class if no radios are checked", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-
-        it("Should mark checked radios with the selected class", function () {
-          $radioButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark checked radios with the custom selected class if given", function () {
-          $radioButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'selectedClass' : 'selectable-selected' });
-          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If one of those radios receives focus", function () {
-        it("Should add the focused class to that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If one of those radios loses focus", function () {
-        it("Should remove the focused class from that radio", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that radio if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass' : 'selectable-focused' });
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-
-      describe("If one of those radios is clicked", function () {
-        it("Should mark that radio with the selected class", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should remove the selected class from all other radios", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          $radioLabels.eq(1).addClass('selected');
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-      });
-    });
-
-    describe("When that selector matches checkbox inputs", function () {
+        buttonsInstance.destroy()
+      })
+
+      describe('At the point it is called', function () {
+        it('Should mark radios with the selection-button-radio class', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          expect($radioLabels.eq(0).hasClass('selection-button-radio')).toBe(true)
+          expect($radioLabels.eq(1).hasClass('selection-button-radio')).toBe(true)
+          expect($radioLabels.eq(2).hasClass('selection-button-radio')).toBe(true)
+        })
+
+        it('Should not add a selected class if no radios are checked', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+
+        it('Should mark checked radios with the selected class', function () {
+          $radioButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark checked radios with the custom selected class if given', function () {
+          $radioButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'selectedClass': 'selectable-selected' })
+          expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If one of those radios receives focus', function () {
+        it('Should add the focused class to that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If one of those radios loses focus', function () {
+        it('Should remove the focused class from that radio', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that radio if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass': 'selectable-focused' })
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+
+      describe('If one of those radios is clicked', function () {
+        it('Should mark that radio with the selected class', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should remove the selected class from all other radios', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          $radioLabels.eq(1).addClass('selected')
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+      })
+    })
+
+    describe('When that selector matches checkbox inputs', function () {
       afterEach(function () {
-        buttonsInstance.destroy();
-      });
-
-      describe("At the point it is called", function () {
-        it("Should mark checkboxes with the selection-button-checkbox class", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          expect($checkboxLabels.eq(0).hasClass('selection-button-checkbox')).toBe(true);
-          expect($checkboxLabels.eq(1).hasClass('selection-button-checkbox')).toBe(true);
-          expect($checkboxLabels.eq(2).hasClass('selection-button-checkbox')).toBe(true);
-        });
-
-        it("Should not add a selected class if no checkboxes are checked", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false);
-          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-
-        it("Should mark checked checkboxes with the selected class", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark all checked checkboxes with the selected class if there are more than one", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          $checkboxButtons.eq(1).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(true);
-        });
-
-        it("Should mark checked checkboxes with the custom selected class if given", function () {
-          $checkboxButtons.eq(0).prop('checked', true);
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'selectedClass' : 'selectable-selected' });
-          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        });
-      });
-
-      describe("If one of those checkboxes receives focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-      });
-
-      describe("If one of those checkboxes loses focus", function () {
-        it("Should add the focused class to that checkbox", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-
-        it("Should add a custom focused class to that checkbox if specified as an option", function () {
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass' : 'selectable-focused' });
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false);
-        });
-      });
-    });
-
-    describe("When that selector matches a mixture of checkbox and radio inputs", function () {
-      var $mixedButtons;
+        buttonsInstance.destroy()
+      })
+
+      describe('At the point it is called', function () {
+        it('Should mark checkboxes with the selection-button-checkbox class', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          expect($checkboxLabels.eq(0).hasClass('selection-button-checkbox')).toBe(true)
+          expect($checkboxLabels.eq(1).hasClass('selection-button-checkbox')).toBe(true)
+          expect($checkboxLabels.eq(2).hasClass('selection-button-checkbox')).toBe(true)
+        })
+
+        it('Should not add a selected class if no checkboxes are checked', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false)
+          expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+
+        it('Should mark checked checkboxes with the selected class', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark all checked checkboxes with the selected class if there are more than one', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          $checkboxButtons.eq(1).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+          expect($checkboxLabels.eq(1).hasClass('selected')).toBe(true)
+        })
+
+        it('Should mark checked checkboxes with the custom selected class if given', function () {
+          $checkboxButtons.eq(0).prop('checked', true)
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'selectedClass': 'selectable-selected' })
+          expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        })
+      })
+
+      describe('If one of those checkboxes receives focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+      })
+
+      describe('If one of those checkboxes loses focus', function () {
+        it('Should add the focused class to that checkbox', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+
+        it('Should add a custom focused class to that checkbox if specified as an option', function () {
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass': 'selectable-focused' })
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(false)
+        })
+      })
+    })
+
+    describe('When that selector matches a mixture of checkbox and radio inputs', function () {
+      var $mixedButtons
 
       beforeEach(function () {
-        $mixedButtons = $checkboxButtons.add($radioButtons);
-      });
+        $mixedButtons = $checkboxButtons.add($radioButtons)
+      })
 
       afterEach(function () {
-        buttonsInstance.destroy();
-      });
-
-      it("Should do nothing if no checkboxes or radios are checked", function () {
-        buttonsInstance = new GOVUK.SelectionButtons("label.selectable input");
-        expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false);
-        expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false);
-        expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false);
-        expect($radioLabels.eq(0).hasClass('selected')).toBe(false);
-        expect($radioLabels.eq(1).hasClass('selected')).toBe(false);
-        expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-      });
-
-      it("Should mark checked checkboxes or radios with the selected class", function () {
-        $mixedButtons.eq(0).prop('checked', true);
-        $mixedButtons.eq(3).prop('checked', true);
-
-        buttonsInstance = new GOVUK.SelectionButtons("label.selectable input");
-        expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true);
-        expect($radioLabels.eq(0).hasClass('selected')).toBe(true);
-      });
-
-      it("Should mark checked checkboxes or radios with the custom selected class if given", function () {
-        $mixedButtons.eq(0).prop('checked', true);
-        $mixedButtons.eq(3).prop('checked', true);
-
-        buttonsInstance = new GOVUK.SelectionButtons("label.selectable input", { 'selectedClass' : 'selectable-selected' });
-        expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-        expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true);
-      });
-    });
-  });
-
-  describe("When GOVUK.SelectionButtons is called with a selector and then the page content is replaced", function () {
-    describe("When that selector matches radio inputs", function () {
-      describe("If one of those radios is clicked", function () {
+        buttonsInstance.destroy()
+      })
+
+      it('Should do nothing if no checkboxes or radios are checked', function () {
+        buttonsInstance = new GOVUK.SelectionButtons('label.selectable input')
+        expect($checkboxLabels.eq(0).hasClass('selected')).toBe(false)
+        expect($checkboxLabels.eq(1).hasClass('selected')).toBe(false)
+        expect($checkboxLabels.eq(2).hasClass('selected')).toBe(false)
+        expect($radioLabels.eq(0).hasClass('selected')).toBe(false)
+        expect($radioLabels.eq(1).hasClass('selected')).toBe(false)
+        expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+      })
+
+      it('Should mark checked checkboxes or radios with the selected class', function () {
+        $mixedButtons.eq(0).prop('checked', true)
+        $mixedButtons.eq(3).prop('checked', true)
+
+        buttonsInstance = new GOVUK.SelectionButtons('label.selectable input')
+        expect($checkboxLabels.eq(0).hasClass('selected')).toBe(true)
+        expect($radioLabels.eq(0).hasClass('selected')).toBe(true)
+      })
+
+      it('Should mark checked checkboxes or radios with the custom selected class if given', function () {
+        $mixedButtons.eq(0).prop('checked', true)
+        $mixedButtons.eq(3).prop('checked', true)
+
+        buttonsInstance = new GOVUK.SelectionButtons('label.selectable input', { 'selectedClass': 'selectable-selected' })
+        expect($checkboxLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+        expect($radioLabels.eq(0).hasClass('selectable-selected')).toBe(true)
+      })
+    })
+  })
+
+  describe('When GOVUK.SelectionButtons is called with a selector and then the page content is replaced', function () {
+    describe('When that selector matches radio inputs', function () {
+      describe('If one of those radios is clicked', function () {
         afterEach(function () {
-          buttonsInstance.destroy();
-        });
-
-        it("Should mark that radio with the selected class", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $("label.selectable input[type='radio']").eq(0).trigger('click');
-          expect($("label.selectable input[type='radio']").eq(0).parent('label').hasClass('selected')).toBe(true);
-        });
-
-        it("Should remove the selected class from all other radios", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $radioButtons = $("label.selectable input[type='radio']");
-          $radioLabels = $radioButtons.parent('label');
-          $radioLabels.eq(1).addClass('selected');
-          $radioButtons.eq(0).trigger('click');
-          expect($radioLabels.eq(2).hasClass('selected')).toBe(false);
-        });
-      });
-
-      describe("If one of those radios is focused", function () {
+          buttonsInstance.destroy()
+        })
+
+        it('Should mark that radio with the selected class', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $("label.selectable input[type='radio']").eq(0).trigger('click')
+          expect($("label.selectable input[type='radio']").eq(0).parent('label').hasClass('selected')).toBe(true)
+        })
+
+        it('Should remove the selected class from all other radios', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $radioButtons = $("label.selectable input[type='radio']")
+          $radioLabels = $radioButtons.parent('label')
+          $radioLabels.eq(1).addClass('selected')
+          $radioButtons.eq(0).trigger('click')
+          expect($radioLabels.eq(2).hasClass('selected')).toBe(false)
+        })
+      })
+
+      describe('If one of those radios is focused', function () {
         afterEach(function () {
-          buttonsInstance.destroy();
-        });
-
-        it("Should add the focused class to the radio", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $radioButtons = $("label.selectable input[type='radio']");
-          $radioLabels = $radioButtons.parent('label');
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to the radio if sent in as an option", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass' : 'selectable-focused' });
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $radioButtons = $("label.selectable input[type='radio']");
-          $radioLabels = $radioButtons.parent('label');
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-
-        it("Should remove the focused class from a radio when it loses focus", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $radioButtons = $("label.selectable input[type='radio']");
-          $radioLabels = $radioButtons.parent('label');
-          $radioButtons.eq(0).focus();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(true);
-          $radioButtons.eq(0).blur();
-          expect($radioLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-      });
-    });
-
-    describe("When that selector matches checkbox inputs", function () {
-      describe("If one of those checkboxes is clicked", function () {
+          buttonsInstance.destroy()
+        })
+
+        it('Should add the focused class to the radio', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $radioButtons = $("label.selectable input[type='radio']")
+          $radioLabels = $radioButtons.parent('label')
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to the radio if sent in as an option', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']", { 'focusedClass': 'selectable-focused' })
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $radioButtons = $("label.selectable input[type='radio']")
+          $radioLabels = $radioButtons.parent('label')
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+
+        it('Should remove the focused class from a radio when it loses focus', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='radio']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $radioButtons = $("label.selectable input[type='radio']")
+          $radioLabels = $radioButtons.parent('label')
+          $radioButtons.eq(0).focus()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(true)
+          $radioButtons.eq(0).blur()
+          expect($radioLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+      })
+    })
+
+    describe('When that selector matches checkbox inputs', function () {
+      describe('If one of those checkboxes is clicked', function () {
         afterEach(function () {
-          buttonsInstance.destroy();
-        });
-
-        it("Should add the selected class to the checkbox", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $("label.selectable input[type='checkbox']").eq(0).trigger('click');
-          expect($("label.selectable input[type='checkbox']").eq(0).parent('label').hasClass('selected')).toBe(true);
-        });
-      });
-
-      describe("If one of those checkboxes is focused", function () {
+          buttonsInstance.destroy()
+        })
+
+        it('Should add the selected class to the checkbox', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $("label.selectable input[type='checkbox']").eq(0).trigger('click')
+          expect($("label.selectable input[type='checkbox']").eq(0).parent('label').hasClass('selected')).toBe(true)
+        })
+      })
+
+      describe('If one of those checkboxes is focused', function () {
         afterEach(function () {
-          buttonsInstance.destroy();
-        });
-
-        it("Should add the focused class to the checkbox", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $checkboxButtons = $("label.selectable input[type='checkbox']");
-          $checkboxLabels = $checkboxButtons.parent('label');
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-        });
-
-        it("Should add a custom focused class to the checkbox if sent in as an option", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass' : 'selectable-focused' });
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $checkboxButtons = $("label.selectable input[type='checkbox']");
-          $checkboxLabels = $checkboxButtons.parent('label');
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true);
-        });
-
-        it("Should remove the focused class from the checkbox when it loses focus", function () {
-          var contentCache;
-
-          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-          contentCache = $('#content').html();
-          $('#content').html('');
-          $('#content').html(contentCache);
-          $checkboxButtons = $("label.selectable input[type='checkbox']");
-          $checkboxLabels = $checkboxButtons.parent('label');
-          $checkboxButtons.eq(0).focus();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true);
-          $checkboxButtons.eq(0).blur();
-          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false);
-        });
-      });
-    });
-  });
-
-  describe("GOVUK.SelectionButtons.prototype.destroy", function () {
-    it("Should remove the events bound to the jQuery-wrapped elements sent into GOVUK.SelectionButtons", function () {
-      var clickCallbackBound = false,
-          focusBlurCallbackBound = false,
-          clickCallbackCancelled = false,
-          focusBlurCallbackCancelled = false;
-
-      spyOn($.fn, "on").and.callFake(function (evt, callback) {
+          buttonsInstance.destroy()
+        })
+
+        it('Should add the focused class to the checkbox', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $checkboxButtons = $("label.selectable input[type='checkbox']")
+          $checkboxLabels = $checkboxButtons.parent('label')
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+        })
+
+        it('Should add a custom focused class to the checkbox if sent in as an option', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']", { 'focusedClass': 'selectable-focused' })
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $checkboxButtons = $("label.selectable input[type='checkbox']")
+          $checkboxLabels = $checkboxButtons.parent('label')
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('selectable-focused')).toBe(true)
+        })
+
+        it('Should remove the focused class from the checkbox when it loses focus', function () {
+          var contentCache
+
+          buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+          contentCache = $('#content').html()
+          $('#content').html('')
+          $('#content').html(contentCache)
+          $checkboxButtons = $("label.selectable input[type='checkbox']")
+          $checkboxLabels = $checkboxButtons.parent('label')
+          $checkboxButtons.eq(0).focus()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(true)
+          $checkboxButtons.eq(0).blur()
+          expect($checkboxLabels.eq(0).hasClass('focused')).toBe(false)
+        })
+      })
+    })
+  })
+
+  describe('GOVUK.SelectionButtons.prototype.destroy', function () {
+    it('Should remove the events bound to the jQuery-wrapped elements sent into GOVUK.SelectionButtons', function () {
+      var clickCallbackBound = false
+      var focusBlurCallbackBound = false
+      var clickCallbackCancelled = false
+      var focusBlurCallbackCancelled = false
+
+      spyOn($.fn, 'on').and.callFake(function (evt, callback) {
         if (this === $radioButtons) {
-          if (evt === "click") {
-            clickCallbackBound = callback;
+          if (evt === 'click') {
+            clickCallbackBound = callback
           }
-          if (evt === "focus blur") {
-            focusBlurCallbackBound = callback;
+          if (evt === 'focus blur') {
+            focusBlurCallbackBound = callback
           }
         }
-        return this;
-      });
+        return this
+      })
 
-      spyOn($.fn, "off").and.callFake(function (evt, callback) {
+      spyOn($.fn, 'off').and.callFake(function (evt, callback) {
         if (this === $radioButtons) {
-          if (evt === "click") {
-            clickCallbackCancelled = callback;
+          if (evt === 'click') {
+            clickCallbackCancelled = callback
           }
-          if (evt === "focus blur") {
-            focusBlurCallbackCancelled = callback;
+          if (evt === 'focus blur') {
+            focusBlurCallbackCancelled = callback
           }
         }
-        return this;
-      });
-      buttonsInstance = new GOVUK.SelectionButtons($radioButtons);
-      expect(clickCallbackBound).not.toBe(false);
-      expect(focusBlurCallbackBound).not.toBe(false);
-      buttonsInstance.destroy();
-      expect(clickCallbackCancelled).toEqual(clickCallbackBound);
-      expect(focusBlurCallbackCancelled).toEqual(focusBlurCallbackBound);
-    });
-
-    it("Should remove the events bound to the document for the selector was sent into GOVUK.SelectionButtons", function () {
-      var clickCallbackBound = false,
-          focusBlurCallbackBound = false,
-          clickCallbackCancelled = false,
-          focusBlurCallbackCancelled = false;
-
-      spyOn($.fn, "on").and.callFake(function (evt, selector, callback) {
+        return this
+      })
+      buttonsInstance = new GOVUK.SelectionButtons($radioButtons)
+      expect(clickCallbackBound).not.toBe(false)
+      expect(focusBlurCallbackBound).not.toBe(false)
+      buttonsInstance.destroy()
+      expect(clickCallbackCancelled).toEqual(clickCallbackBound)
+      expect(focusBlurCallbackCancelled).toEqual(focusBlurCallbackBound)
+    })
+
+    it('Should remove the events bound to the document for the selector was sent into GOVUK.SelectionButtons', function () {
+      var clickCallbackBound = false
+      var focusBlurCallbackBound = false
+      var clickCallbackCancelled = false
+      var focusBlurCallbackCancelled = false
+
+      spyOn($.fn, 'on').and.callFake(function (evt, selector, callback) {
         if ((this[0] === document) && (selector === "label.selectable input[type='checkbox']")) {
-          if (evt === "click") {
-            clickCallbackBound = callback;
+          if (evt === 'click') {
+            clickCallbackBound = callback
           }
-          if (evt === "focus blur") {
-            focusBlurCallbackBound = callback;
+          if (evt === 'focus blur') {
+            focusBlurCallbackBound = callback
           }
         }
-        return this;
-      });
+        return this
+      })
 
-      spyOn($.fn, "off").and.callFake(function (evt, selector, callback) {
+      spyOn($.fn, 'off').and.callFake(function (evt, selector, callback) {
         if ((this[0] === document) && (selector === "label.selectable input[type='checkbox']")) {
-          if (evt === "click") {
-            clickCallbackCancelled = callback;
+          if (evt === 'click') {
+            clickCallbackCancelled = callback
           }
-          if (evt === "focus blur") {
-            focusBlurCallbackCancelled = callback;
+          if (evt === 'focus blur') {
+            focusBlurCallbackCancelled = callback
           }
         }
-        return this;
-      });
-      buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']");
-      expect(clickCallbackBound).not.toBe(false);
-      expect(focusBlurCallbackBound).not.toBe(false);
-      buttonsInstance.destroy();
-      expect(clickCallbackCancelled).toEqual(clickCallbackBound);
-      expect(focusBlurCallbackCancelled).toEqual(focusBlurCallbackBound);
-    });
-  });
-});
+        return this
+      })
+      buttonsInstance = new GOVUK.SelectionButtons("label.selectable input[type='checkbox']")
+      expect(clickCallbackBound).not.toBe(false)
+      expect(focusBlurCallbackBound).not.toBe(false)
+      buttonsInstance.destroy()
+      expect(clickCallbackCancelled).toEqual(clickCallbackBound)
+      expect(focusBlurCallbackCancelled).toEqual(focusBlurCallbackBound)
+    })
+  })
+})