Skip to content

Commit 454c1b5

Browse files
jasnoominzo-kim
andcommitted
Created Loader.test.tsx file
Co-authored-by: minzo-kim <[email protected]>
1 parent ceb2b31 commit 454c1b5

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

src/app/__tests__jn/Loader.test.tsx

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import { render } from '@testing-library/react';
3+
import '@testing-library/jest-dom/extend-expect'; // needed this to extend the jest-dom assertions (ex toHaveTextContent)
4+
import Loader from '../components/Loader';
5+
6+
describe('unit testing for Loader.tsx', () => {
7+
test('renders a loading icon', () => {
8+
const { container } = render(<Loader loading={true} result={false} />);
9+
expect(container.firstChild).toHaveClass('css-xp4o0b');
10+
});
11+
12+
test('renders a fail icon', () => {
13+
// render(<Loader loading={false} result={false} />);
14+
const { container } = render(<Loader loading={false} result={false} />);
15+
expect(container.getElementsByClassName('fail').length).toBe(1);
16+
});
17+
18+
test('renders a check icon', () => {
19+
// render(<Loader loading={false} result={true} />);
20+
const { container } = render(<Loader loading={false} result={true} />);
21+
expect(container.getElementsByClassName('check').length).toBe(1);
22+
});
23+
});

0 commit comments

Comments
 (0)