'use strict';
/* global
  $,
  $$,
  airplaneModeEnabled:true,
  enabling,
  favoritesList,
  frequencyDialer,
  historyList,
  MockL10n,
  mozFMRadio,
  updateEnablingState,
  updateFreqUI,
  updateWarningModeUI */

requireApp('shared/js/airplane_mode_helper.js');
requireApp('fm/js/fm.js');
require('/shared/test/unit/load_body_html_helper.js');
require('/shared/test/unit/mocks/mock_l20n.js');

suite('FM', function() {
  function setFrequency(frequency) {
    var setFreq = frequencyDialer.setFrequency(frequency);
    if (frequency < mozFMRadio.frequencyLowerBound) {
      assert.equal(setFreq, mozFMRadio.frequencyLowerBound);
    } else if (frequency > mozFMRadio.frequencyUpperBound) {
      assert.equal(setFreq, mozFMRadio.frequencyUpperBound);
    } else {
      assert.equal(setFreq, frequency);
    }
  }

  function testScreenReaderSwipe(swipeDirection, startFreq, expectedFreq) {
      var modifier, key;

      if (swipeDirection === 'up') {
        modifier = 0.1;
        key = 38; // DOM_VK_UP = 38
      } else if (swipeDirection === 'down') {
        modifier = -0.1;
        key = 40; // DOM_VK_DOWN = 40
      }

      var keyEvent = document.createEvent('KeyboardEvent');
      keyEvent.initKeyEvent('keypress',
        true, true, window,
        false, false, false, false,
        key, 0);

      frequencyDialer.setFrequency(startFreq);

      $('dialer-container').dispatchEvent(keyEvent);
      assert.equal(frequencyDialer._currentFreqency, expectedFreq);
  }

  function testPowerSwitchLabel() {
    assert.equal(mozFMRadio.enabled ? 'power-switch-off' : 'power-switch-on',
      $('power-switch').getAttribute('data-l10n-id'));
  }

  suite('frequency dialer', function() {
    var nativeL10n = document.l10n;

    suiteSetup(function() {
      sinon.stub(favoritesList, '_save').returns(true);
      favoritesList._favList = {};
      sinon.stub(historyList, '_save').returns(true);

      loadBodyHTML('/index.html');
      document.l10n = MockL10n;
      frequencyDialer.init();
    });

    suiteTeardown(function() {
      document.l10n = nativeL10n;
      document.body.innerHTML = '';
    });

    test('resolved frequency within bounds', function()  {
      setFrequency(92);
    });

    test('resolved frequency exceeding upperbound', function() {
      setFrequency(mozFMRadio.frequencyUpperBound + 10);
    });

    test('resolved frequency exceeding lowerbound', function() {
      setFrequency(mozFMRadio.frequencyLowerBound - 10);
    });

    test('retrieved frequency', function() {
      assert.equal(frequencyDialer.getFrequency(), 87.5);
    });

    test('updated #frequency dom display digits', function() {
      assert.deepEqual(
        document.l10n.getAttributes($('frequency')),
        { id: 'frequency-MHz', args: { value: '87.5' } });
    });

    test('compare new set frequency with aria-valuenow', function() {
      var frequency = 95.7;
      frequencyDialer.setFrequency(frequency);
      assert.equal($('dialer-container').getAttribute('aria-valuenow'),
        frequency.toString());
    });

    test('screen reader swipe up on dialer', function() {
      testScreenReaderSwipe('up', 95.7, 95.8);
      testScreenReaderSwipe('down', 95.7, 95.6);
    });

    test('maintain aria-pressed on bookmark button', function() {
      var bookmarkButton = $('bookmark-button');

      // Start at arbitrary station
      mozFMRadio.setFrequency(88.6);
      updateFreqUI();
      assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
      // Add station to favorites
      favoritesList.add(88.6);
      updateFreqUI();
      assert.equal('true', bookmarkButton.getAttribute('aria-pressed'));
      // Browse to different station
      mozFMRadio.setFrequency(99.5);
      updateFreqUI();
      assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
      // Come back to first station
      mozFMRadio.setFrequency(88.6);
      updateFreqUI();
      assert.equal('true', bookmarkButton.getAttribute('aria-pressed'));
      // Remove station from favorites
      favoritesList.remove(88.6);
      updateFreqUI();
      assert.equal('false', bookmarkButton.getAttribute('aria-pressed'));
    });

    // temporarily removing due to test not passing on TBPL Bug 876265
    // test('changed horizontal position of dialer', function() {
    //   var prevX = frequencyDialer._translateX;
    //   frequencyDialer.setFrequency(100);
    //   assert.notEqual(frequencyDialer._translateX, prevX);
    // });

    test('#frequency display precision to one decimal point', function() {
      var freq = document.l10n.getAttributes($('frequency')).args.value;
      assert.ok(freq.indexOf('.') > -1);
    });

  });

  suite('history list', function() {
    setup(function() {
      historyList._save = function() {
        return true;
      };
    });

    test('item added to history list', function() {
      historyList.add(100);
      assert.equal(historyList._historyList.length, 1);
    });

    test('gets the last frequency tuned', function() {
      assert.equal(historyList.last().frequency, 100);
    });

  });

  suite('favorite list', function() {
    var nativeL10n = document.l10n;


    suiteSetup(function() {
      loadBodyHTML('/index.html');
      document.l10n = MockL10n;
    });

    suiteTeardown(function() {
      document.l10n = nativeL10n;
      document.body.innerHTML = '';
    });

    test('item added to favorite list', function() {
      favoritesList.add(100);
      assert.equal(Object.keys(favoritesList._favList).length, 1);
    });

    test('added item is updated in DOM #fav-list', function() {
      assert.equal($('fav-list-container').childNodes.length, 1);
    });

    test('contains a frequency', function() {
      assert.ok(favoritesList.contains(100));
    });

    test('selected frequency in DOM #fav-list', function() {
      favoritesList.select(100);
      assert.ok($$('#fav-list-container div.fav-list-item')[0]
        .classList.contains('selected'));
    });

    test('removed frequency from list', function() {
      assert.ok(favoritesList.remove(100));
    });

    test('removed item is updated in DOM #fav-list', function() {
      assert.equal($('fav-list-container').childNodes.length, 0);
    });

    test('items are in desceding order', function() {
      favoritesList.add(100);
      favoritesList.add(101);
      favoritesList.add(102);
      var items = $$('#fav-list-container div.fav-list-item');
      var isAscending = true;
      for (var i = 0, len = items.length; i < len - 1; i++) {
        var itemA = items[i].childNodes[0].textContent;
        var itemB = items[i + 1].childNodes[0].textContent;
        if (itemA > itemB) {
          isAscending = false;
          break;
        }
      }
      assert.ok(isAscending);
    });

    test('set aria-selected = true on active favorite stations, else false',
      function() {
        var testFreqs = [88.6, 103.7, 104.8, 55.6];
        var favorites = $$('#fav-list-container div.fav-list-item');

        favoritesList.add(88.6);
        favoritesList.add(103.7);
        favoritesList.add(104.8);

        testFreqs.forEach(function(testFreq, index, array) {
          favoritesList.select(testFreq);
          for (var i = 0; i < favorites.length; i++) {
            assert.equal(favoritesList._getElemFreq(favorites[i]) === testFreq ?
              'true' : 'false', favorites[i].getAttribute('aria-selected'));
          }
      });
    });

  });

  suite('update display states', function() {
    var nativeL10n = document.l10n;

    suiteSetup(function() {
      mozFMRadio.enabled = true;
      mozFMRadio.antennaAvailable = true;
      loadBodyHTML('/index.html');
      document.l10n = MockL10n;
      updateEnablingState(true);
    });

    suiteTeardown(function() {
      document.l10n = nativeL10n;
      document.body.innerHTML = '';
    });

    suite('enabling UI', function() {

      test('#power-switch enabled attribute is correctly set', function() {
        assert.equal(!!$('power-switch').dataset.enabled, mozFMRadio.enabled);
      });

      test('#power-switchh enabling attribute is correctly set', function() {
        assert.equal(!!$('power-switch').dataset.enabling, enabling);
      });

      test('#frequency-bar display is dimmed', function() {
        assert.ok($('frequency-bar').classList.contains('dim'));
      });

      test('#antenna-warning is hidden', function() {
        assert.ok(!!$('antenna-warning').hidden, mozFMRadio.antennaAvailable);
      });

      test('#power-switch has appropriate aria-label based on enabled status',
        function() {
          testPowerSwitchLabel();
          $('power-switch').click();
          testPowerSwitchLabel();
        }
      );
    });
  });

  suite('update UI based on the airplane mode status', function() {
    var nativeL10n = document.l10n;

    suiteSetup(function() {
      loadBodyHTML('/index.html');
      document.l10n = MockL10n;
    });

    suiteTeardown(function() {
      document.l10n = nativeL10n;
      document.body.innerHTML = '';
    });

    suite('airplane mode on', function() {
      setup(function() {
        airplaneModeEnabled = true;
        updateWarningModeUI();
      });

      test('#airplane-mode-warning is shown', function() {
        assert.equal(!!$('airplane-mode-warning').hidden, false);
      });

      test('#container is hidden', function() {
        assert.equal($('container').classList.contains('hidden-block'), true);
      });

      test('#antenna-warning is hidden', function() {
        assert.equal(!!$('antenna-warning').hidden, true);
      });

    });

    suite('airplane mode off', function() {
      setup(function() {
        airplaneModeEnabled = false;
        updateWarningModeUI();
      });

      test('#airplane-mode-warning is hidden', function() {
        assert.equal(!!$('airplane-mode-warning').hidden, true);
      });

      test('#antenna-warning is on and container is hidden', function() {
        mozFMRadio.antennaAvailable = false;
        updateWarningModeUI();
        assert.equal(!!$('antenna-warning').hidden, false);
        assert.equal($('container').classList.contains('hidden-block'), true);
      });

      test('#antenna-warning is off and container is visible', function() {
        mozFMRadio.antennaAvailable = true;
        updateWarningModeUI();
        assert.equal(!!$('antenna-warning').hidden, true);
        assert.equal($('container').classList.contains('hidden-block'), false);
      });
    });
  });

  suite('update UI based on the antenna status', function() {
    var nativeL10n = document.l10n;

    suiteSetup(function() {
      loadBodyHTML('/index.html');
      document.l10n = MockL10n;
    });

    suiteTeardown(function() {
      document.l10n = nativeL10n;
      document.body.innerHTML = '';
    });

    suite('antenna is plugged in', function() {
      setup(function() {
        mozFMRadio.antennaAvailable = true;
        updateWarningModeUI();
      });

      test('#antenna-warning is hidden', function() {
        assert.equal(!!$('antenna-warning').hidden, true);
      });
    });

    suite('antenna is not plugged in', function() {
      setup(function() {
        mozFMRadio.antennaAvailable = false;
        updateWarningModeUI();
      });

      test('#antenna-warning is shown', function() {
        assert.equal(!!$('antenna-warning').hidden, false);
      });
    });
  });
});