vault/ui/tests/integration/components/page/mode-index-test.js

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: BUSL-1.1
 */

import { module, test } from 'qunit';
import { setupRenderingTest } from 'vault/tests/helpers';
import { render } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
import { setupEngine } from 'ember-engines/test-support';

const S = {
  title: 'h1',
  subtitle: 'h2',
  enableForm: '[data-test-replication-enable-form]',
  summary: '[data-test-replication-summary]',
};
module('Integration | Component | replication page/mode-index', function (hooks) {
  setupRenderingTest(hooks);
  setupEngine(hooks, 'replication');

  hooks.beforeEach(function () {
    this.store = this.owner.lookup('service:store');
    this.onEnable = () => {};
    this.clusterModel = {};
    this.replicationMode = '';
    this.replicationDisabled = true;

    this.renderComponent = () => {
      return render(
        hbs`<Page::ModeIndex @replicationDisabled={{this.replicationDisabled}} @replicationMode={{this.replicationMode}} @cluster={{this.clusterModel}} @onEnableSuccess={{this.onEnable}} />`,
        { owner: this.engine }
      );
    };
  });

  module('DR mode', function (hooks) {
    hooks.beforeEach(function () {
      this.replicationMode = 'dr';
    });
    test('it renders correctly when replication disabled', async function (assert) {
      await this.renderComponent();

      assert.dom(S.title).hasText('Enable Disaster Recovery Replication');
      assert.dom(S.enableForm).exists();
    });
    test('it renders correctly when replication enabled', async function (assert) {
      this.replicationDisabled = false;
      await this.renderComponent();

      assert.dom(S.enableForm).doesNotExist();
      assert.dom(S.summary).exists();
    });
  });

  module('Performance mode', function (hooks) {
    hooks.beforeEach(function () {
      this.replicationMode = 'performance';
    });
    test('it renders correctly when replication disabled', async function (assert) {
      await this.renderComponent();

      assert.dom(S.title).hasText('Enable Performance Replication');
      assert.dom(S.enableForm).exists();
    });
    test('it renders correctly when replication enabled', async function (assert) {
      this.replicationDisabled = false;
      await this.renderComponent();

      assert.dom(S.enableForm).doesNotExist();
      assert.dom(S.summary).exists();
    });
  });
});