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

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { click, render } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
import { setupIntl } from 'ember-intl/test-support';

const CACHE_DAEMON_VERSION = '[data-test-cache-version]';
const ERROR_MESSAGES = '.hds-reveal__content > p';
const REVEAL_BUTTON = '.hds-reveal button';
const FIRST_ERROR_MESSAGE = '.hds-reveal__content > p:first-child';
const LAST_ERROR_MESSAGE = '.hds-reveal__content > p:last-child';

module('Integration | Component | settings-card/application', function (hooks) {
  setupRenderingTest(hooks);
  setupIntl(hooks, 'en-us');

  let model;

  hooks.beforeEach(() => {
    model = {
      cacheDaemonStatus: { version: 'v4.0.0', errors: [] },
      desktopVersion: 'v2.0.0',
      cliVersion: 'v3.0.0',
    };
  });

  test('it renders', async function (assert) {
    this.set('model', model);
    this.set('toggleTheme', () => {});

    await render(
      hbs`<SettingsCard::Application @model={{this.model}} @toggle={{this.toggleTheme}}/>`,
    );

    assert.dom(this.element).includesText('v2.0.0');
    assert.dom(this.element).includesText('v3.0.0');
    assert.dom(this.element).includesText('v4.0.0');
  });

  test('it renders errors', async function (assert) {
    model.cacheDaemonStatus.errors = [
      {
        message: `this is a resolvable alias error`,
        name: 'resolvable-alias',
      },
      {
        message: `this is a target error`,
        name: 'target',
      },
    ];
    this.set('model', model);
    this.set('toggleTheme', () => {});

    await render(
      hbs`<SettingsCard::Application @model={{this.model}} @toggle={{this.toggleTheme}}/>`,
    );

    assert.dom(ERROR_MESSAGES).doesNotExist();

    await click(REVEAL_BUTTON);

    assert.dom(ERROR_MESSAGES).isVisible({ count: 2 });
    assert
      .dom(FIRST_ERROR_MESSAGE)
      .hasText('resolvable-alias: this is a resolvable alias error');
    assert.dom(LAST_ERROR_MESSAGE).hasText('target: this is a target error');
  });

  test('it indicates when cache daemon is running', async function (assert) {
    this.set('model', model);
    this.set('toggleTheme', () => {});

    await render(
      hbs`<SettingsCard::Application @model={{this.model}} @toggle={{this.toggleTheme}}/>`,
    );

    assert.dom(CACHE_DAEMON_VERSION).hasText('v4.0.0 Running');

    model.cacheDaemonStatus.version = '';
    this.set('model', structuredClone(model));
    assert.dom(CACHE_DAEMON_VERSION).hasText('Not Running');
  });
});