created elementCount component and test

src/lib/components/elementCount.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+    export let count: number = 0;
+</script>
+
+<p>{count} <slot /> found</p>

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';

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();
+});