1 files changed, 50 insertions, 0 deletions
diff --git a/src/components/tag/tag.test.js b/src/components/tag/tag.test.js
new file mode 100644
index 0000000..3f19598
--- /dev/null
+++ b/src/components/tag/tag.test.js
@@ -0,0 +1,50 @@
+import '@testing-library/jest-dom/extend-expect';
+
+import { render } from '@testing-library/svelte';
+import '$/config/i18n';
+
+import Tag from './tag.svelte';
+
+const internals = {
+  results: null
+};
+
+describe('Tag component', () => {
+
+  beforeEach(() => {
+
+    internals.results = render(Tag, { props: {
+      tag: {
+        id: 'avocado',
+        topics: [
+          {
+            id: 'eb751e7a-5777-46c3-b81b-cc66546d5157',
+            title: 'A single topic',
+            ttl: 160 * 1000,
+            updated_at: Date.now()
+          },
+          {
+            id: 'b4a5613c-237b-4147-a867-9c105d51e365',
+            title: 'And its companion',
+            ttl: 160 * 1000,
+            updated_at: Date.now()
+          }
+        ]
+      }
+    } });
+  });
+
+  test('It should display the tag title', () => {
+
+    expect(internals.results.getByText('Tag: avocado'))
+      .toBeVisible();
+  });
+
+  test('It should display the topics', () => {
+
+    expect(internals.results.getByText('A single topic'))
+      .toBeVisible();
+    expect(internals.results.getByText('And its companion'))
+      .toBeVisible();
+  });
+});