/* global describe it expect beforeEach afterEach jasmine */

var $ = window.jQuery

describe('GOVUK Modules', function () {
  'use strict'
  var GOVUK = window.GOVUK

  it('finds modules', function () {
    var module = $('<div data-module="a-module"></div>')
    $('body').append(module)

    expect(GOVUK.modules.find().length).toBe(1)
    expect(GOVUK.modules.find().eq(0).is('[data-module="a-module"]')).toBe(true)
    module.remove()
  })

  it('finds modules in a container', function () {
    var module = $('<div data-module="a-module"></div>')
    var container = $('<div></div>').append(module)

    expect(GOVUK.modules.find(container).length).toBe(1)
    expect(GOVUK.modules.find(container).eq(0).data('module')).toBe('a-module')
  })

  it('finds modules that are a container', function () {
    var module = $('<div data-module="a-module"></div>')
    var container = $('<div data-module="container-module"></div>').append(module)

    expect(GOVUK.modules.find(container).length).toBe(2)
    expect(GOVUK.modules.find(container).eq(0).data('module')).toBe('container-module')
    expect(GOVUK.modules.find(container).eq(1).data('module')).toBe('a-module')
  })

  describe('when a module exists', function () {
    var callback

    beforeEach(function () {
      callback = jasmine.createSpy()
      GOVUK.Modules.TestAlertModule = function () {
        var that = this
        that.start = function (element) {
          callback(element)
        }
      }
    })

    afterEach(function () {
      delete GOVUK.Modules.TestAlertModule
    })

    it('starts modules within a container', function () {
      var module = $('<div data-module="test-alert-module"></div>')
      var container = $('<div></div>').append(module)

      GOVUK.modules.start(container)
      expect(callback).toHaveBeenCalled()
    })

    it('does not start modules that are already started', function () {
      var module = $('<div data-module="test-alert-module"></div>')
      $('<div></div>').append(module)

      GOVUK.modules.start(module)
      GOVUK.modules.start(module)
      expect(callback.calls.count()).toBe(1)
    })

    it('passes the HTML element to the module\'s start method', function () {
      var module = $('<div data-module="test-alert-module"></div>')
      var container = $('<h1></h1>').append(module)

      GOVUK.modules.start(container)

      var args = callback.calls.argsFor(0)
      expect(args[0].is('div[data-module="test-alert-module"]')).toBe(true)
    })

    it('starts all modules that are on the page', function () {
      var modules = $(
        '<div data-module="test-alert-module"></div>' +
        '<strong data-module="test-alert-module"></strong>' +
        '<span data-module="test-alert-module"></span>'
      )

      $('body').append(modules)
      GOVUK.modules.start()
      expect(callback.calls.count()).toBe(3)

      modules.remove()
    })
  })
})