From cbdba8ad1959352b8b72eaac32d055706ae46857 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 19 Apr 2022 10:24:33 +0200
Subject: [PATCH] created elementCount component and test

---
 src/lib/components/elementCount.svelte     |  5 +++++
 src/lib/components/index.ts                |  1 +
 tests/unit/components/elementCount.test.ts | 10 ++++++++++
 3 files changed, 16 insertions(+)
 create mode 100644 src/lib/components/elementCount.svelte
 create mode 100644 tests/unit/components/elementCount.test.ts

diff --git a/src/lib/components/elementCount.svelte b/src/lib/components/elementCount.svelte
new file mode 100644
index 000000000..f7b3724de
--- /dev/null
+++ b/src/lib/components/elementCount.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+    export let count: number = 0;
+</script>
+
+<p>{count} <slot /> found</p>
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index de82e5414..1cf2a6938 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -16,3 +16,4 @@ export { default as Collapsible } from './collapsible.svelte';
 export { default as Avatar } from './avatar.svelte';
 export { default as SwitchBox } from './switchBox.svelte';
 export { default as SwitchBoxes } from './switchBoxes.svelte';
+export { default as ElementCount } from './elementCount.svelte';
diff --git a/tests/unit/components/elementCount.test.ts b/tests/unit/components/elementCount.test.ts
new file mode 100644
index 000000000..f97ed6b48
--- /dev/null
+++ b/tests/unit/components/elementCount.test.ts
@@ -0,0 +1,10 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/svelte';
+import { ElementCount } from '../../../src/lib/components';
+
+test('shows correct count', () => {
+    const { getByText } = render(ElementCount, {
+        count: 1
+    });
+    expect(getByText(/1/i)).toBeInTheDocument();
+});