signal-desktop/ts/test-electron/views/whisper_view_test.ts

// Copyright 2015-2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

import { assert } from 'chai';

describe('Whisper.View', () => {
  it('renders a template with render_attributes', () => {
    const ViewClass = window.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 = window.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 = window.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>');
  });
});