/* global Whisper */

describe('Whisper.View', () => {
  it('renders a template with render_attributes', () => {
    const ViewClass = Whisper.View.extend({
      template: '<div>{{ variable }}</div>',
      render_attributes: {
        variable: 'value',
      },
    });

    const view = new ViewClass();
    view.render();
    assert.strictEqual(view.$el.html(), '<div>value</div>');
  });
  it('renders a template with no render_attributes', () => {
    const ViewClass = Whisper.View.extend({
      template: '<div>static text</div>',
    });

    const view = new ViewClass();
    view.render();
    assert.strictEqual(view.$el.html(), '<div>static text</div>');
  });
  it('renders a template function with render_attributes function', () => {
    const ViewClass = Whisper.View.extend({
      template() {
        return '<div>{{ variable }}</div>';
      },
      render_attributes() {
        return { variable: 'value' };
      },
    });
    const view = new ViewClass();
    view.render();
    assert.strictEqual(view.$el.html(), '<div>value</div>');
  });
});