refactor: 💡 Refactor link list panel (#199)

* refactor: 💡 Refactor link list panel

ui/admin/tests/integration/components/link-list-panel/index-test.js

@@ -6,8 +6,8 @@ import { hbs } from 'ember-cli-htmlbars';
 module('Integration | Component | link-list-panel/index', function (hooks) {
   setupRenderingTest(hooks);
 
-  test('it renders with icons and text', async function (assert) {
-    assert.expect(5);
+  test('it renders with icons, text and yield content wrapped in a link, because @route is present', async function (assert) {
+    assert.expect(6);
     await render(hbs`
       <LinkListPanel as |P|>
         <P.Item @icon='cloud-upload' @text='Storage Bucket' @route='scopes.scope.storage-buckets'>
@@ -24,5 +24,27 @@ module('Integration | Component | link-list-panel/index', function (hooks) {
     assert.dom('[data-test-icon="aws-color"]').isVisible();
     assert.dom('.hds-badge__text').hasText('AWS S3');
     assert.dom('.link-list-item__text').hasText('Storage Bucket');
+    assert.dom('li.link-list-item > a').exists();
+  });
+
+  test('it renders with icons, text and yield content WITHOUT a link, because @route is not present.', async function (assert) {
+    assert.expect(6);
+    await render(hbs`
+      <LinkListPanel as |P|>
+        <P.Item @icon='clock' @text='Storage Bucket'>
+          <Hds::Badge
+            @text='AWS S3'
+            @icon='aws-color'
+          />
+        </P.Item>
+      </LinkListPanel>
+    `);
+
+    assert.dom('[data-test-icon="clock"]').isVisible();
+    assert.dom('[data-test-icon="arrow-right"]').isNotVisible();
+    assert.dom('[data-test-icon="aws-color"]').isVisible();
+    assert.dom('.hds-badge__text').hasText('AWS S3');
+    assert.dom('.link-list-item__text').hasText('Storage Bucket');
+    assert.dom('li.link-list-item > a').doesNotExist();
   });
 });