test: atoms의 공통 컴포넌트 테스트 추가 (#15)

src/components/atoms/CounterCard/index.test.tsx

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+
+import CounterCard from '.';
+
+describe('CounterCard', () => {
+  const count = 10;
+
+  const renderCounterCard = () => render((
+    <CounterCard count={count} title="title" suffix="명" />
+  ));
+
+  it('count가 나타나야만 한다', () => {
+    const { container } = renderCounterCard();
+
+    expect(container).toHaveTextContent(`${count}`);
+  });
+});

src/components/atoms/EventStatusBadge/index.test.tsx

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+
+import EventStatusBadge from '.';
+
+describe('EventStatusBadge', () => {
+  const title = 'title';
+
+  const renderEventStatusBadge = () => render((
+    <EventStatusBadge text="title" type="success" />
+  ));
+
+  it('badge text가 보여야만한다', () => {
+    const { container } = renderEventStatusBadge();
+
+    expect(container).toHaveTextContent(title);
+  });
+});

src/components/atoms/SectionTitle/index.test.tsx

@@ -0,0 +1,19 @@
+import { render } from '@testing-library/react';
+
+import SectionTitle from '.';
+
+describe('SectionTitle', () => {
+  const title = 'title';
+
+  const renderSectionTitle = () => render((
+    <SectionTitle title="title">
+      <div>children</div>
+    </SectionTitle>
+  ));
+
+  it('section title이 보여야만한다', () => {
+    const { container } = renderSectionTitle();
+
+    expect(container).toHaveTextContent(title);
+  });
+});