suite('views/preview-gallery', function() {
  'use strict';

  suiteSetup(function(done) {
    var self = this;
    requirejs(['views/preview-gallery'], function(previewGalleryView) {
      self.previewGalleryView = previewGalleryView;
      done();
    });
  });

  setup(function() {
    this.view = new this.previewGalleryView();
    this.clock = sinon.useFakeTimers();
  });

  suite('previewGalleryView#showOptionsMenu()', function() {
    test('Should show the option menu', function() {
      this.view.showOptionsMenu();
      assert.equal(this.view.optionsMenuContainer.children[0].getAttribute(
        'data-type'), 'action');
    });
  });

  suite('previewGalleryView#onFrameWheel', function() {
    var mockWheelRight = {
      type: 'wheel', deltaMode: 2, DOM_DELTA_PAGE: 2, deltaX: 1
    }, mockWheelLeft = {
      type: 'wheel', deltaMode: 2, DOM_DELTA_PAGE: 2, deltaX: -1
    }, mockWheelDown = {
      type: 'wheel', deltaMode: 2, DOM_DELTA_PAGE: 2, deltaY: 1
    };

    setup(function() {
      sinon.spy(this.view, 'emit');
      sinon.stub(this.view, 'onVideoPaused');
    });

    test('wheel right', function() {
      this.view.onFrameWheel(mockWheelRight);
      assert.isTrue(this.view.emit.calledWith('swipe', 'left'));
      sinon.assert.notCalled(this.view.onVideoPaused);
    });

    test('wheel left', function() {
      this.view.onFrameWheel(mockWheelLeft);
      assert.isTrue(this.view.emit.calledWith('swipe', 'right'));
      sinon.assert.notCalled(this.view.onVideoPaused);
    });

    test('wheel right when video is playing', function() {
      this.view.videoPlaying = true;
      this.view.onFrameWheel(mockWheelRight);
      assert.isTrue(this.view.emit.calledWith('swipe', 'left'));
      sinon.assert.calledOnce(this.view.onVideoPaused);
    });

    test('wheel down', function() {
      this.view.onFrameWheel(mockWheelDown);
      sinon.assert.notCalled(this.view.emit);
    });
  });

  suite('previewGalleryView#updateCountText', function() {
    setup(function() {
      this.view.render();
    });

    test('Accessible labelling', function() {
      var total = 1, current = 3;
      this.view.updateCountText(current, total);
      assert.equal(this.view.els.mediaFrame.getAttribute('data-l10n-id'),
        'media-frame');
      assert.deepEqual(JSON.parse(this.view.els.mediaFrame.getAttribute(
        'data-l10n-args')), { total: total, current: current });
    });
  });

  suite('Options menu', function() {
    test('showOptionsMenu', function() {
      assert.isFalse(this.view.el.classList.contains('action-menu'));
      this.view.showOptionsMenu();
      assert.ok(this.view.el.classList.contains('action-menu'));
    });

    test('hideOptionsMenu', function() {
      this.view.optionsMenuContainer = document.createElement('div');
      this.view.el.appendChild(this.view.optionsMenuContainer);
      this.view.el.classList.add('action-menu');

      this.view.hideOptionsMenu();
      assert.isFalse(this.view.el.classList.contains('action-menu'));
    });
  });
});