/* 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 = $(
        '<label class="selectable">' +
          'Small' +
          '<input type="radio" name="size" id="small" value="small" />' +
        '</label>' +
        '<label class="selectable">' +
          'Medium' +
          '<input type="radio" name="size" id="medium" value="medium" />' +
        '</label>' +
        '<label class="selectable">' +
          'Large' +
          '<input type="radio" name="size" id="large" value="large" />' +
        '</label>'
    )
    $checkboxLabels = $(
        '<label class="selectable">' +
          'Eggs' +
          '<input id="eggs" name="food" value="eggs" type="checkbox" />' +
        '</label>' +
        '<label class="selectable">' +
          'Bread' +
          '<input id="bread" name="food" value="bread" type="checkbox" />' +
        '</label>' +
        '<label class="selectable">' +
          'Fruit' +
          '<input id="fruit" name="food" value="fruit" type="checkbox" />' +
        '</label>'
    )
    $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

      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 () {
      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 () {
      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

      beforeEach(function () {
        $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 () {
        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 () {
        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 () {
        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 () {
        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
      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 === 'focus blur') {
            focusBlurCallbackBound = callback
          }
        }
        return this
      })

      spyOn($.fn, 'off').and.callFake(function (evt, callback) {
        if (this === $radioButtons) {
          if (evt === 'click') {
            clickCallbackCancelled = 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
      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 === 'focus blur') {
            focusBlurCallbackBound = callback
          }
        }
        return this
      })

      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 === '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)
    })
  })
})