test(web): Heading

LordNex · Feb 20, 2021 · 058c0af · 058c0af
1 parent 5ee7146
commit 058c0af
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/web/src/components/__tests__/Heading.test.jsx b/web/src/components/__tests__/Heading.test.jsx
@@ -0,0 +1,25 @@
+import { h } from 'preact';
+import Heading from '../Heading';
+import { render, screen } from '@testing-library/preact';
+
+describe('Heading', () => {
+ test('renders content with default size', async () => {
+ render(<Heading>Hello</Heading>);
+ expect(screen.queryByText('Hello')).toBeInTheDocument();
+ expect(screen.queryByText('Hello').classList.contains('text-2xl')).toBe(true);
+ });
+
+ test('renders with custom size', async () => {
+ render(<Heading size="lg">Hello</Heading>);
+ expect(screen.queryByText('Hello')).toBeInTheDocument();
+ expect(screen.queryByText('Hello').classList.contains('text-2xl')).toBe(false);
+ expect(screen.queryByText('Hello').classList.contains('text-lg')).toBe(true);
+ });
+
+ test('renders with custom className', async () => {
+ render(<Heading className="tacos">Hello</Heading>);
+ expect(screen.queryByText('Hello')).toBeInTheDocument();
+ expect(screen.queryByText('Hello').classList.contains('text-2xl')).toBe(true);
+ expect(screen.queryByText('Hello').classList.contains('tacos')).toBe(true);
+ });
+});