marco/tests/integration/components/app-menu/settings/nostr-test.gjs

import { module, test } from 'qunit';
import { setupRenderingTest } from 'marco/tests/helpers';
import { click, fillIn, render } from '@ember/test-helpers';
import Service, { service } from '@ember/service';
import AppMenuSettingsNostr from 'marco/components/app-menu/settings/nostr';
import {
  excludeRequiredRelays,
  mergeRequiredRelays,
  uniqNormalizedRelays,
} from 'marco/utils/nostr';

class MockNostrDataService extends Service {
  @service settings;

  requiredReadRelays = ['wss://nostr.kosmos.org'];
  requiredWriteRelays = [];

  mailboxReadRelays = ['wss://mailbox.example.com'];
  mailboxWriteRelays = ['wss://mailbox-write.example.com'];

  get configuredReadRelays() {
    const configured = uniqNormalizedRelays([
      ...this.mailboxReadRelays,
      ...(this.settings.nostrReadRelays || []),
    ]);

    return excludeRequiredRelays(
      configured,
      this.settings.nostrReadRelayExclusions || []
    );
  }

  get configuredWriteRelays() {
    const configured = uniqNormalizedRelays([
      ...this.mailboxWriteRelays,
      ...(this.settings.nostrWriteRelays || []),
    ]);

    return excludeRequiredRelays(
      configured,
      this.settings.nostrWriteRelayExclusions || []
    );
  }

  get activeReadRelays() {
    return mergeRequiredRelays(this.requiredReadRelays, this.configuredReadRelays);
  }

  get activeWriteRelays() {
    return mergeRequiredRelays(
      this.requiredWriteRelays,
      this.configuredWriteRelays
    );
  }

  async clearCache() {}
}

function readRows(element) {
  const list = element.querySelectorAll('.relay-list')[0];
  return [...list.querySelectorAll('li')];
}

function writeRows(element) {
  const list = element.querySelectorAll('.relay-list')[1];
  return [...list.querySelectorAll('li')];
}

function rowByText(rows, text) {
  return rows.find((row) => row.textContent.includes(text));
}

module('Integration | Component | app-menu/settings/nostr', function (hooks) {
  setupRenderingTest(hooks);

  hooks.beforeEach(function () {
    localStorage.removeItem('marco:settings');

    this.owner.register('service:nostrData', MockNostrDataService);
    this.settings = this.owner.lookup('service:settings');
    this.onChange = () => {};
  });

  hooks.afterEach(function () {
    localStorage.removeItem('marco:settings');
  });

  async function renderAndOpenDetails(context) {
    await render(
      <template><AppMenuSettingsNostr @onChange={{this.onChange}} /></template>
    );
    await click('summary');
    return context.element;
  }

  test('required read relay is first and non-removable', async function (assert) {
    const element = await renderAndOpenDetails(this);
    const rows = readRows(element);

    assert.dom(rows[0]).includesText('nostr.kosmos.org');

    const requiredRow = rowByText(rows, 'nostr.kosmos.org');
    const mailboxRow = rowByText(rows, 'mailbox.example.com');

    assert.dom(requiredRow.querySelector('.btn-remove-relay')).doesNotExist();
    assert.dom(mailboxRow.querySelector('.btn-remove-relay')).exists();
  });

  test('removing mailbox read relay stores exclusion override', async function (assert) {
    const element = await renderAndOpenDetails(this);
    const mailboxRow = rowByText(readRows(element), 'mailbox.example.com');

    await click(mailboxRow.querySelector('.btn-remove-relay'));

    assert.deepEqual(this.settings.nostrReadRelayExclusions, [
      'wss://mailbox.example.com',
    ]);
    assert.strictEqual(this.settings.nostrReadRelays, null);
  });

  test('removing custom read relay updates custom list without exclusions', async function (assert) {
    this.settings.update('nostrReadRelays', ['wss://custom.example.com']);

    const element = await renderAndOpenDetails(this);
    const customRow = rowByText(readRows(element), 'custom.example.com');

    await click(customRow.querySelector('.btn-remove-relay'));

    assert.strictEqual(this.settings.nostrReadRelays, null);
    assert.strictEqual(this.settings.nostrReadRelayExclusions, null);
  });

  test('adding read relay clears existing exclusion for same relay', async function (assert) {
    this.settings.update('nostrReadRelayExclusions', ['wss://mailbox.example.com']);

    const element = await renderAndOpenDetails(this);

    await fillIn('#new-read-relay', 'Mailbox.EXAMPLE.com/');
    await click(element.querySelector('#new-read-relay').nextElementSibling);

    assert.deepEqual(this.settings.nostrReadRelays, ['wss://mailbox.example.com']);
    assert.strictEqual(this.settings.nostrReadRelayExclusions, null);
  });

  test('reset read relays clears additions and exclusions', async function (assert) {
    this.settings.update('nostrReadRelays', ['wss://custom.example.com']);
    this.settings.update('nostrReadRelayExclusions', ['wss://mailbox.example.com']);

    const element = await renderAndOpenDetails(this);
    await click(element.querySelectorAll('.reset-relays')[0]);

    assert.strictEqual(this.settings.nostrReadRelays, null);
    assert.strictEqual(this.settings.nostrReadRelayExclusions, null);

    const requiredRow = rowByText(readRows(element), 'nostr.kosmos.org');
    assert.dom(requiredRow).exists();
  });

  test('write relays are removable and mailbox delete stores exclusion', async function (assert) {
    this.settings.update('nostrWriteRelays', ['wss://custom-write.example.com']);

    const element = await renderAndOpenDetails(this);
    const rows = writeRows(element);

    assert.true(
      rows.every((row) => row.querySelector('.btn-remove-relay')),
      'all write relays can be removed'
    );

    const mailboxRow = rowByText(rows, 'mailbox-write.example.com');
    await click(mailboxRow.querySelector('.btn-remove-relay'));

    assert.deepEqual(this.settings.nostrWriteRelayExclusions, [
      'wss://mailbox-write.example.com',
    ]);
  });
});