open-consul/ui/packages/consul-ui/tests/integration/components/consul/node/agentless-notice-test.js

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import { click, render } from '@ember/test-helpers';

module('Integration | Component | consul node agentless-notice', function (hooks) {
  setupRenderingTest(hooks);

  test('it does not display the notice if the filtered nodes are the same as the regular nodes', async function (assert) {
    this.set('nodes', [
      {
        Meta: {
          'synthetic-node': false,
        },
      },
    ]);

    this.set('filteredNodes', [
      {
        Meta: {
          'synthetic-node': false,
        },
      },
    ]);

    await render(
      hbs`<Consul::Node::AgentlessNotice @items={{this.nodes}} @filteredItems={{this.filteredNodes}} />`
    );

    assert
      .dom('[data-test-node-agentless-notice]')
      .doesNotExist(
        'The agentless notice should not display if the items are the same as the filtered items'
      );
  });

  test('it does display the notice when the filtered items are smaller then the regular items', async function (assert) {
    this.set('nodes', [
      {
        Meta: {
          'synthetic-node': true,
        },
      },
    ]);

    this.set('filteredNodes', []);

    await render(
      hbs`<Consul::Node::AgentlessNotice @items={{this.nodes}} @filteredItems={{this.filteredNodes}} />`
    );

    assert
      .dom('[data-test-node-agentless-notice]')
      .exists(
        'The agentless notice should display if their are less items then the filtered items'
      );

    await click('button');
    assert
      .dom('[data-test-node-agentless-notice]')
      .doesNotExist(
        'The agentless notice be dismissed'
      );
  });
});